我目前正在基于fabric.js
的矢量编辑器中实现一些功能,并且在如何最好地处理这种情况的道路上遇到了一些障碍:
为了通过缩放抓取/控件来调整/缩放画布越来越大,我开始实现一个“伪画布”的任务,它停留在真实画布的中间(真实的画布调整大小以填充它始终是DOM父级。这提出了几个问题,最大的问题是处理画布上的对象,确保它们的坐标总是相对于我的“假画布”(仅仅
Rect
应用了一些限制,例如锁定运动,旋转等)。
所以我真的只是在寻找如何做到这一点的策略/建议。例如,我知道我将处理新添加的对象,移动对象并阻止它们移动到我的假帆布边界之外。其他考虑因素。
感谢您的意见和建议。我不是在寻找代码,我只是在寻找有关如何最好地处理所有画布相关内容的建议,转移到假帆布上。我看到Shutterstock编辑器也做了一些这样的事情,所以我猜它似乎不属于可能性范围。