基于画布上的1个特定对象渲染对象

时间:2018-02-16 20:14:02

标签: javascript canvas html5-canvas fabricjs

我目前正在基于fabric.js的矢量编辑器中实现一些功能,并且在如何最好地处理这种情况的道路上遇到了一些障碍:

  

为了通过缩放抓取/控件来调整/缩放画布越来越大,我开始实现一个“伪画布”的任务,它停留在真实画布的中间(真实的画布调整大小以填充它始终是DOM父级。这提出了几个问题,最大的问题是处理画布上的对象,确保它们的坐标总是相对于我的“假画布”(仅仅Rect应用了一些限制,例如锁定运动,旋转等)。

所以我真的只是在寻找如何做到这一点的策略/建议。例如,我知道我将处理新添加的对象,移动对象并阻止它们移动到我的假帆布边界之外。其他考虑因素。

感谢您的意见和建议。我不是在寻找代码,我只是在寻找有关如何最好地处理所有画布相关内容的建议,转移到假帆布上。我看到Shutterstock编辑器也做了一些这样的事情,所以我猜它似乎不属于可能性范围。

0 个答案:

没有答案