需求:在线简易PS
功能:可以滚轮放大缩小,可标记点、线、框,可添加文字。
设计:Canvas 编辑
问题:如何保证图像缩放、放大的标注比例和定位。
请有开发经验的分享一下,大致处理方法。
目前:查阅 Fabric.js Easel.js
都是通过监听事件做的。
分为三部分:
事件开始:获取当前图片状态信息,设为初始值,设定一个初始变化值
事件执行:通过初始值+变化值的形式去改变图片的状态
事件结束:改变图片的状态值,释放无效变量
你如果要做文本功能的话,最好用fabric,作者已经把文本功能做进去了。其他canvas库你要支持文本有点困难
10 回答11.3k 阅读
5 回答4.9k 阅读✓ 已解决
4 回答3.2k 阅读✓ 已解决
2 回答2.8k 阅读✓ 已解决
3 回答2.4k 阅读✓ 已解决
3 回答2.2k 阅读✓ 已解决
2 回答2.6k 阅读✓ 已解决
楼主,解决了么,我也有类似的需求