Question

我对Draw2D.js有疑问。我正在使用JQuery-ui调整Canvas的大小，但是当我调整画布大小时，我必须销毁它并创建一个新的...否则我会有很多画布重叠。如果我打电话canvas.destroy()没有任何作用（如文档中所述）。

有什么方法可以对画布进行软破坏吗？在JQuery-ui中是否有任何调整大小的功能？

谢谢@MacGyver，我在第二个提议中找到了解决方案。我们有   编辑SVG DOM：）

我在这里分享我的解决方案jsfiddle！   它可能有帮助！

Answer 1

您应该能够通过手动设置宽度和高度来动态更改画布的DOM节点。在这里，我们的宽度为2500像素，高度为2500像素。

<div onselectstart="javascript:/*IE8 hack*/return false" id="draw2d" style="width:2500px; height:2500px;-webkit-tap-highlight-color: rgba(0,0,0,0);"></div>

canvas.setScrollArea("draw2d");

或使用JavaScript动态更改DIV标记的宽度和高度。

另一种方法是动态设置缩放：

canvas.setZoom(1);  // default 1x (1:1 zoom)
canvas.setZoom(.5);  // .5x (1:2 zoom)
canvas.setZoom(2);  // 2x (2:1 zoom)

然后调用app.layout()函数

参考：

http://draw2d.org/draw2d_touch/jsdoc/#!/api/draw2d.Canvas

是否有任何Draw2d.js画布破坏方法？

1 个答案: