在线图片编辑器

发布于 2022-09-06 19:26:24 字数 253 浏览 13 评论 0

需求:在线简易PS
功能:可以滚轮放大缩小,可标记点、线、框,可添加文字。
设计:Canvas 编辑
问题:如何保证图像缩放、放大的标注比例和定位。
请有开发经验的分享一下,大致处理方法。
目前:查阅 Fabric.js Easel.js

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(5

眼波传意 2022-09-13 19:26:24

楼主,解决了么,我也有类似的需求

马蹄踏│碎落叶 2022-09-13 19:26:24

fabric-photo
react canvas的纯前端的图片编辑器

clipboard.png

忆依然 2022-09-13 19:26:24

都是通过监听事件做的。
分为三部分:
事件开始:获取当前图片状态信息,设为初始值,设定一个初始变化值
事件执行:通过初始值+变化值的形式去改变图片的状态
事件结束:改变图片的状态值,释放无效变量

你如果要做文本功能的话,最好用fabric,作者已经把文本功能做进去了。其他canvas库你要支持文本有点困难

梦罢 2022-09-13 19:26:24

可以尝试一下这个,http://www.zi-han.net/theme/h...

瀞厅☆埖开 2022-09-13 19:26:24

楼主解决了没 我也有类似需求

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文