html5-canvas - Fabricjs 对象控件在 Canvas 外可见

Question

我正在将 fabric.js 用于 html 5 交互式 Canvas 应用程序。如果对象的比例大于 Canvas ，则控件在 Canvas 外不可见。如何使它在 Canvas 外可见，或者有没有办法在 css 中设置这些 Controller 的样式。

Answer 1

因此，在fabricjs 中控件呈现在 Canvas 上，因此在 Canvas 之外使用控件是不可能的。

这样还是可以得到效果的，这只是一个痕迹。

使 Canvas 与窗口的 100% 一样大，或者比绘图区域大得多。
然后，您可以使用矩形剪辑绘图 Canvas 。
如果您需要边框来定义绘图区域，您仍然可以像 fabricjs 允许的那样放置叠加图像。

如果您需要在绘图 Canvas 附近放置控件，则必须将它们放置在 Canvas 的非绘图部分上方。

这会给你一些额外的任务:
当您创建某个对象时，您必须确保它们进入绘图区域。如果您考虑对象的位置，则必须考虑必须应用平移，因为您具有绝对位置，而用户将定位对象，观察绘图区域的假左上角而不是 Canvas 的左上角。