问题标签 [draw2d-js]

我在 JavaScript 函数中使用私有变量时遇到了一个小问题。这个软件依赖于draw2d，一个javascript的渲染库。该库迫使您使用 John Resig 的Class.js实现，它允许简单的 Java 类继承，我认为这是问题的根源。

顶部的注释做了一些自动连接，但问题的焦点在于onContextMenu函数。我有一个需要调用的闭包，以便从属性对象构建 jQuery 上下文菜单。该属性对象中的一件事是一个名为 的方法build，我用它buildFunc来拦截调用并附加调用它的图形的 id。

问题是，如果我声明var supaId = this.id，当我制作更多这种类型的数字时，它们就会开始共享 supaId，并开始交叉污染变量。另一个问题是，如果我supaId = this.id像下面这样使用，那么它可以工作，但会将 supaId 放在全局范围内。这些都不是我的好选择，我想了解如何解决它。

任何帮助表示赞赏！

如何以正确的方式创建具有 4 个端口（每侧）的矩形，以便我可以通过 JSON 保存和恢复它们？

我试过这个，但只保存了矩形。连接和标签丢失了。

JSFiddle：http: //jsfiddle.net/xfvf4/36/

1. 创建两个元素（添加） - 移动它们并连接它们
2. 写入：这将内容作为 JSON-Array
3. 阅读：应该从 JSON-Array 中提取 grafic

最后一点不起作用。

JS：

HTML：

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

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

谢谢@MacGyver，我在第二个命题中找到了解决方案。我们必须编辑 SVG DOM :)

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

我试图制作一个连接矩形和路径（三角形）的箭头。这是我的代码：

如您所见，路径有一个属性：fill="#000000" 但渲染时显示 fill="none"... 如果我手动更改此属性，则显示路径已填充。

为了操纵端口的位置而阅读了很多内容后，我发现了另一个问题：当我选择一个位于图下方的端口时，如图所示。

我的问题是：如何将端口保持在图的顶部？这是我的代码：

是否有源代码（或浏览器插件）可以将 HTML 5 网页的内容转换为图像文件？这不仅包括可见内容，还包括隐藏内容（假设页面中有滚动条）。如果没有，任何有关如何处理此特定功能的建议都将不胜感激，我可以调查一下。

我找到了这个...

html转jpg用c#

然而...

我认为他们只是在页面中有文本，所以页面上没有任何动态图像。我的页面专门使用 HTML 5 画布功能来绘制图像。所以这必须是图像文件的一部分。

是否可以使用 CenterLocator 在另一个形状内旋转一个形状？

我尝试使用特殊命令。

但它似乎不起作用。

我想通过 Draw2D 创建一个流程图。我只需要创建一些带有可编辑内容的框、带有可编辑标签的连接以及将图表读取/保存为 JSON 数组。这些东西中的大部分已经准备好了，你可以在这里看到：

JS：

HTML：

JSFiddle： http: //jsfiddle.net/6pbjh3s6/4/（不幸的是它在 JSFiddle 上不起作用，但我不知道出了什么问题）

问题：我的问题是向任何连接添加可编辑标签，即通过双击现有标签。

Draw2D.js API： http ://draw2d.org/draw2d_touch/jsdoc_5/#!/api

我正在尝试构建一个拖放示例，但没有成功：按照我的代码

可拖动对象

帆布

我正在尝试使用http://draw2d.org/draw2d_touch/jsdoc_5/draw2d/examples/code_snippets/buildin_commandstack/index.html示例，但onDrop事件不会触发。

我错了什么？

我浏览了图书馆附带的示例集合，但不幸的是，所有专门用于合成图形的示例都是基于解析 json 文件。

但是，我想看到的是如何从基本图形创建复合图形，例如：

PS。我认为我需要的是StrongComposite，但我不知道如何使用它。希望有人能帮忙！

编辑

这是我尝试过的：

但它不起作用。我只看到一个灰色的盒子。我也试过这个：

但结果，我得到了完全独立的椭圆形。