KineticJs 一张多笔划图像

Question

我知道如何在一张图片中应用描边。

是否可以在一张图片中使用多笔画？

也许是这样的结果。

或者我该怎么做。

Answer 1

最简单的方法是在图像顶部绘制几个 Kinetic.Rect 具有所需描边和透明背景的节点（您可以跳过 fill 属性或将其设置为 rgba(0,0,0,0)).

var rect = new Kinetic.Rect({
  x: 0, y: 0,
  width: 100, height: 50,
  stroke: 'red'
})

KineticJs one image with multi stroke