有没有Draw2d.js画布销毁方法

Is there any Draw2d.js canvas destroy method?

本文关键字：布销毁 方法 js Draw2d 有没有      更新时间：2023-09-26

我有一个关于Draw2D.js的问题。我正在使用JQuery ui调整画布的大小，但当我调整画布的尺寸时，我必须销毁它并创建一个新的。。。否则我会有许多画布重叠。如果我调用canvas.destroy()，则什么都不起作用（如文档中所述）。

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

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

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

您应该能够通过手动设置宽度和高度来动态更改画布的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
相关文章：