与 KonvaJS 中的线、路径和形状类有什么区别?



我是PaperJS的忠实粉丝,然而,这个库并没有看到太多的活动,所以我们正在寻找其他工具,如KonvaJS, Fabric和Pixi。我们想在这里复制这个例子:

http://paperjs.org/examples/path-simplification/

在KonvaJS,但我们不确定哪个类是最合适的?我们应该使用线,它被描述为具有张力的点的集合,路径工具是我们在Paper中使用的,还是形状类?KonvaJS是否提供了对上述纸张示例中的bezier曲线工具和形状边界(蓝线)的相同类型的访问?

Line需要x &Y作为一个简单数组传递到它的points属性中,然后绘制连接这些点的直线。张力特性可以使直线连接处更弯曲。

Konva。Path希望您提供一个数据属性,该属性更像是SVG绘图指令列表,例如move, lineto, arc等(请参阅Konva文档中Konva.Path.data的支持指令列表)

没有与您链接到的演示中相同的内置路径编辑功能-因此在路径控制点上没有自动锚定,也没有贝塞尔句柄。你得自己动手做。话虽如此,这一切都是可以实现的——我的意思是绘制控制锚点和线条,监听鼠标和拖动事件,并最终将SVG绘制数据传回Konva。路径编辑模式结束时的路径形状在Konva中都得到了很好的支持。

截至2022年5月,Konva lib得到了很好的支持,适当频繁(正如Goldilocks所希望的那样-不要太多也不要太少),没有考虑不周的突破性更改,问题得到了回应,帖子得到了回复,并且有一个繁忙的Discord频道。

最新更新