首页
学习
活动
专区
圈层
工具
发布
社区首页 >专栏 >【HTML】免费!开源的气泡图标注小工具

【HTML】免费!开源的气泡图标注小工具

作者头像
偶尔敲代码
发布2026-03-17 10:42:16
发布2026-03-17 10:42:16
1370
举报
文章被收录于专栏:偶尔敲代码偶尔敲代码

工作中偶尔需要提供气泡图,如果是CAD格式的倒好说,但是难免客户要你在PDF上标注尺寸气泡,这就略显尴尬。

所以我找了一圈市面上的软件,多数是收费的,也就不提了。其实搜索一整圈下来,我一个软件都没下载或试用,因为在线的我觉得数据(图纸)不安全,要下载安装的基本是收费。小小打工人也不能为公司买软件,所以去吾爱看到如下帖子:

代码语言:javascript
复制
https://www.52pojie.cn/forum.php?mod=viewthread&tid=2051948

HTML格式,可以本地直接运行。贴主【qiubin100】用AI写的V1版本,我试过存在几点问题:1. 保存PDF后,序号位置偏移;2. 气泡圆圈直径和页面上不符;3. 气泡文字旋转90度。

往下翻,跟帖的【LDVE】优化了V2版本,支持PDF文件拖拽和调整了页面的布局,但我测试后发现仍然没解决上面3个问题,换了浏览器依旧。

究其原因,应该是横版的PDF导致的坐标系转化问题,所以我优化了V3版本:

我录制了个操作视频供参考:

V3版我认为功能已足够应付我的工作使用,如果有更多的需求,还可以增加气泡位置移动、删除序号自动排序、OCR识别提取尺寸、气泡形状等。

他们用AI写,我用AI改,十分合理。感谢他们先完善了大部分功能,我现在也用上了,给PDF标注气泡省了很大力气。

公众号回复:气泡 获取,只要打开html文件就可以直接运行,虽然是用浏览器打开的,但纯本地运行,数据极其安全!

- End -

更多精彩文章

点击下方名片关注【偶尔敲代码】

本文参与 腾讯云自媒体同步曝光计划,分享自微信公众号。
原始发表:2026-01-27,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 偶尔敲代码 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档