问题标签 [draw2d-js]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
488 浏览

javascript - 拖动开始事件上的draw2d

当用户开始拖动图形时,我想每次都调用我的自定义回调函数。我试着这样做:

但问题是,每次调用我的函数时,图形都会定位到 0,0 坐标。我不确定这有什么问题,我该如何解决。

0 投票
1 回答
155 浏览

angular - 覆盖 Angular2 上的 JavaScript NAME 属性(打字稿)

我在angular2(draw2d-wrapper)上使用draw2d。我正在尝试从他们那里扩展一个类。

当我这样做的时候在我的代码上 var t = new Table();

t.NAME 属性为“draw2d.shape.layout.VerticalLayout”。

我可以在 angular2 typescript 代码中覆盖这个 JavaScript 属性吗?

0 投票
0 回答
289 浏览

javascript - Draw2D.js:如何使用子标签从“Horizo​​ntalLayout”获取 JSON,以及如何使用 JSON 中的标签恢复“Horizo​​ntalLayout”

我是 Draw2D.js 的新手,我创建了带有三个子标签的“Horizo​​ntalLayout”。并尝试使用三个子标签获取“Horizo​​ntalLayout”的 JSON。

我的代码如下:

HTML:

JS:

上面的代码生成以下输出:

在此处输入图像描述

我通过调用displayJSON(canvas)方法获取 JSON。但我只是得到父(HorizontalLayout)形状没有得到子标签。

我通过调用displayJSON(canvas)方法得到以下 JSON:

我想获得JSON带有HorizontalLayout子标签的整个数字。那么,我怎样才能得到它?之后如何显示 Draw2d 图形JSON

0 投票
1 回答
1134 浏览

javascript - Vuejs2 和 draw2d js 库

你好有大社区!

有没有办法在带有 webpack 模板的 vuejs2 项目中使用 draw2d 触摸画布库?如果是,您能否提供一个实现示例?

非常感谢您的时间和帮助!

0 投票
0 回答
267 浏览

draw2d-js - Draw2D touch 项目仍在运行

我正在寻找要在项目中使用的 HTML5/2D/Javascript 库,我需要在其中操作形状和连接。

Draw2D似乎相当不错,但在看到最后一次更改日志是在 2016 年之后,我有点担心图书馆的未来。

有人知道该项目是否仍在运行?

提前致谢。

0 投票
0 回答
156 浏览

javascript - Drag & Drop child node in Draw2d Custom Layout/Figure

I have a Draw2d(js) custom figure (Table) which contains nested custom figures (Column). I want to grag and drop column from one table to another. I just want from you guys some guidelines how to enable grag & drop, I'll handle other logic. I've seen new draw2d.layout.locator.DraggableLocator() thing but that is not working for me.

Thanks in advance :)

0 投票
1 回答
130 浏览

javascript - 更新 draw2d UI 以匹配选择

我的页面中心有一个 Draw2D 画布。它可能随时有选择或没有选择。

我需要手动更新选择。当用户(拖放)从工具箱(页面左侧的面板)中删除一个元素时,它会在画布中创建该元素。我希望选择这个元素。为此,我做了这个:

触发器附加到选择更改。在页面的右侧,我有一个属性面板,其中显示了有关所选内容的信息。

当我删除我的元素时,我的 UI 会更新,以便“属性”面板的内容与刚刚添加的图相匹配。但事实是,应该在选定元素周围的蓝色虚线矩形没有更新。结果是用户可能会感到困惑(想象自己看到Foo何时Bar选择的详细信息)。

在这种情况下,为什么不更新视觉选择?如果可能的话,该怎么做?

0 投票
1 回答
132 浏览

draw2d-js - ArrowDecorator 作为默认拖动连接

如何将 ArrowDecorator 设置为默认连接装饰器?

当“draw2d.policy.connection.ConnectionCreatePolicy”创建一个新实例时,我希望它由 ArrowDecorator 装饰。

在不修改代码库的情况下执行此操作的最佳方法是什么?目前我只是通过在 Connection.js 中设置目标装饰器来更改代码库

0 投票
1 回答
527 浏览

node.js - 在 react 中导入 draw2d 会导致 jquery 引用错误

一旦我添加import draw2d from "draw2d"到我的导入中,我就会得到ReferenceError: jQuery is not defined.

我尝试安装和添加 jquery 但仍然得到同样的错误......

0 投票
1 回答
52 浏览

javascript - 是否有任何 Draw2d.js 方法来引入调整大小限制?

我有一个关于 Draw2D.js 的问题。我只能使用矩形块,所以我希望用户只能更改矩形的长度并禁止修改其宽度的可能性。

此外,长度应限制为固定值的倍数,由网格指示。