问题标签 [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 回答
430 浏览

angularjs - Mean.js - 如何注入第 3 方依赖项(draw2d)?

我从 MEAN Stack 开始,我正在努力做一些我确信它非常基本的事情。

我正在尝试注入其可下载库提供的 draw2d 新实例。

我一直有:“ncaught 错误:[$injector:modulerr] 无法实例化模块意味着由于:错误:[$injector:modulerr] 无法实例化模块 draw2d 由于:错误:[$injector:nomod] 模块'draw2d'不可用!您拼错了模块名称或忘记加载它。如果注册模块,请确保将依赖项指定为第二个参数。”

来自:


模块/核心/客户端/app/config.js

这是其他文件:


模块/mymodule/client/controllers/projects.client.controller.js

模块/mymodule/client/services/draw2d.client.service.js

该模块的包位于“public/lib/vendors/draw2d”

配置/资产/default.js

模块/mymodule/core.client.module.js

你能帮我解释一下我错过了什么吗?非常感谢您的宝贵帮助!:)

0 投票
1 回答
634 浏览

javascript - Draw2d 文本类型未正确显示在 ui-bootstrap 手风琴 angularjs 应用程序中

我正在尝试在应用程序内的手风琴内使用draw2djavascript 库。ui-bootstrap-tplsangularjs

一个简单的例子:(我会构建一个 plunker,但我无法包含所需的库。在这个例子中,draw2d-canvas实现为 angularjs 指令。

索引.html:

app.js:(取自作为 draw2d 包的一部分提供的 angularjs 模板)

这是显示结果的图形: 顶部图形是预期结果。请注意,文本周围的框大小不正确且位置错误。

在此处输入图像描述

除了格式问题(文本未正确定位和框大小不正确)之外,无法像手风琴外的相同标签一样选择和移动标签。

我猜想draw2d库和相应(可能还有其他模板)的ui-bootstrap-tpls在属性命名和/或css中以某种方式发生冲突。

谢谢您的帮助。

0 投票
1 回答
357 浏览

css - 如何在draw2d-js中制作图像边框半径?

我有这个问题draw2d-js,有一个用户图像,想让它看起来像css3 border-radius

我用过draw2d.shape.basic.Image,但它没有风格css border-radius

有人知道怎么做吗?

非常感谢您的帮助。

0 投票
1 回答
538 浏览

javascript - draw2d touch(js)用图形旋转端口和边界框

当我旋转它时,draw2d 似乎只旋转图形的内部内容。例如使用这个函数;

比如说,60 作为角度值,在带有 4 个混合端口的标签上进行以下旋转:

旋转前

旋转后

如何正确旋转带有每个组件的图形?你知道,有端口和一切。

0 投票
2 回答
538 浏览

javascript - canvas setDimension() 破坏了图形的拖动功能

我正在使用draw2dtouch 6.1.66 version(最新版本)。最初画布的宽度和高度分别是1000px800px。单击按钮时,我将画布宽度和高度分别更改为2170px902px

现在我不能将矩形图形拖到宽度之外1000px。它被困1000px在初始宽度上。

注意:我检查了我的 html,canvas div 和 svg 都显示width:2170pxheight:902px.

这是我的代码:

0 投票
2 回答
520 浏览

javascript - 如何在draw2d-js中创建连接时滚动我的画布?

我有两个人物,一个在画布的可见区域,一个在外面(在右侧)。无法建立联系,因为我无法到达另一个数字。是否可以在创建连接时向右自动滚动,以便我可以连接到该图形?

0 投票
1 回答
277 浏览

javascript - 使用draw2d在JavaScript中围绕主圆绘制圆圈

在我的应用程序中,我可以使用 draw2d.js 绘制圆圈我想知道如何围绕主圆圈绘制圆圈(这里是浅蓝色)。

我想动态制作,因为我可以有超过 200 个圆圈,所以我需要计算与主圆圈相比的坐标。

但我需要避开红色区域,我不想在 360° 上画圆

下面的例子:

在此处输入图像描述

0 投票
3 回答
1999 浏览

angular - 在Angular2上安装draw2D touch

如何在 Angular 2 上安装 draw2d touch 库?我没有找到任何关于它的消息。

谢谢

0 投票
1 回答
324 浏览

jquery - 删除两个节点之间的连接

我正在尝试删除两个节点之间的现有连接(DragConnectionCreatePolicy)。我尝试了两种方法,第一种使用此命令:

this.canvas.remove(connection)但它返回这个:EXCEPTION: figure.getCanvas is not a function

第二个

而是返回EXCEPTION: draw2d.CommandDelete is not a constructor

我误会了什么?

我在 Angular 2 组件中使用 draw2d。

0 投票
2 回答
314 浏览

angular - 从 JSON 恢复标签

我正在尝试使用 draw2d 库从 JSON 中恢复标签。使用这些方法,我应该能够获取和设置标签,但它似乎永远不会调用 setPersistentAttributes 方法:

相反,它会创建一个包含标签的良好 JSON:

但它不会在加载阶段恢复它们。

我以这种方式保存 JSON:

我尝试以这种方式加载它:

但它只是加载形状。我正在使用内部的 draw2d 库和 Angular2 组件(但一切都很好)。

我错在哪里?