思源笔记支持预览 Tiff 的插件开发

背景

专业需要,经常用多光子显微镜拍摄大脑的神经元活动,显微镜图片保存的格式为 tiff 格式,我希望直接能把 tiff 图上传到思源笔记整理实验数据。

尝试开发

调用 photopea/UTIF.js

调用非常简单

  1. 加载 UTIF.js
const UTIF = require("./UTIF.js");
  1. 调用 UTIF.replaceIMG(); 能将 tiff 的图片路径替换为 base64,来显示

效果预览

UTIF.replaceIMG(); 绑定到插件示例中的悬浮工具栏按钮中

Clip20240615104230.png

功能预览

ROI 模块发送 refimg 到 scanimage.gif

存在的问题

  • 目前思源上传 tiff 图片,默认是文件链接而不是图片格式,如何让思源笔记上传 Tif 不是文件链接,而是图片格式
  • 在上传 tiff 图片、打开文档、刷新文档等操作中,如何自动调用替换 Tiff 的函数,让 Tiff 图片自动正常显示

暂时不知道怎么解决,就玩耍下放弃吧哈哈哈

如果有其他大佬知道怎么解决的,欢迎告知,非常感谢

  • 思源笔记

    思源笔记是一款隐私优先的个人知识管理系统,支持完全离线使用,同时也支持端到端加密同步。

    融合块、大纲和双向链接,重构你的思维。

    22337 引用 • 89378 回帖

相关帖子

欢迎来到这里!

我们正在构建一个小众社区,大家在这里相互信任,以平等 • 自由 • 奔放的价值观进行分享交流。最终,希望大家能够找到与自己志同道合的伙伴,共同成长。

注册 关于
请输入回帖内容 ...
  • llej 1 评论

    我不认可是一次性动作,tif 格式解析是必不可少的,虽然开销比转成 png 大,但保留了原始文件的编辑能力

    不过 @Vanessa 可以考虑将 tif 文件列为支持的图片格式吗,我的插件就不用将他再从资源转换为图片 dom 了

    暂时先不支持了
    Vanessa
  • 其他回帖
  • 不妨换个思路,读取 tiff 图片,转换为 base64 URL,生成 html 块,添加在文档中。就不用考虑各种加载的问题了

  • qiancang

    要彻底根除才行嘛 @Vanessa V 姐能支持下 tif 和 tiff 格式图片的显示吗

  • Achuan-2 1

    谢谢大佬,已打赏。

  • 查看全部回帖
Achuan-2
给时间以生命而不是给生命以时间,如果你喜欢我的分享,欢迎给我买杯咖啡 https://www.yuque.com/achuan-2 上海