如何使用draw2d绘制自定义形状？

Question

我使用draw2d javascript库在它的画布中绘制预定义的形状和自定义形状。

由于我还没有做任何例子，我试图从它的文档复制，但似乎没有找到一个很好的方法来研究它，因为它包含了很多。

下面是圆圈的例子。http://www.draw2d.org/draw2d_touch/jsdoc_6/#!/api/draw2d.shape.basic.Circle

这里有一些更多的文档和例子。http://www.draw2d.org/draw2d_touch/jsdoc_6/

我已经用html和css预先制作了形状，并且我试图在画布上拖放和渲染它们，就像这张图片中的这些。同样，当被丢弃时，它们也应该有输入和输出端口。

是否可以将此html/css转换为draw2d形状？

​

​

Answer 1

在这里，这是通过扩展draw2d 2d的SVGFigure来实现的，因此我们有能力提供自定义的svg来将它呈现为自定义的形状。

以下链接在这方面是有用的。

http://www.draw2d.org/draw2d_touch/jsdoc/#!/guide/extending_svg_figure-section-live-example

https://github.com/freegroup/draw2d/tree/master/examples/shape_custom_svg

http://www.draw2d.org/draw2d_touch/jsdoc_6/#!/api/draw2d.SetFigure

https://github.com/freegroup/draw2d/tree/master/examples/shape_labeld

https://github.com/freegroup/draw2d/tree/master/examples/shape_custom_markdown