Fabricjs对象控件在画布外可见

Question

我正在使用fabric.js进行html 5交互式画布应用。如果对象比画布大，则控件在画布外部不可见。如何使它在画布外可见，或者有一种方法在css中设置这些控制器的样式。

Answer 1

因此，在fabricjs中，控件是在画布上呈现的，因此在画布外部进行控制是不可能的。

你仍然可以通过这种方式获得效果，这只是一个痕迹。

使画布大到100％的窗口，或者无论如何都比绘图区域大。 然后，您可以使用矩形剪切绘图画布。 如果您需要边框来定义绘图区域，您仍然可以在Fabricjs允许的情况下放置叠加图像。

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

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

Answer 2

您可以做的最好的事情是制作更大的画布，但将绘图区域限制为有限的部分，如边距。这并不容易，因为在此之后你总是需要在进行其他计算时考虑余量，但这是可能的。