KineticJS - 使笔划不可见/移除笔划

Question

我有一些带边框的文字设置如下：

var line1 = new Kinetic.Text({
     x: 190,
     y: 40,
     text: "Line 1",            
     stroke: "black",
     strokeWidth: 1,
     padding: 5
}

但我想设置一个删除边框的事件。我该怎么做呢？ setStroke（“none”）似乎不起作用。

Answer 1

将笔画设置为 null ，而不是“none”，适用于此，如下所示：

http://jsfiddle.net/FCuk5/6/

line1.setStroke(null);

Answer 2

有两种方法可以做到这一点。

line1.setStroke(''); // or setStroke('rgba(0,0,0,0)');

line1.setStrokeWidth(0);

无论哪种方式，您都必须重新绘制图层。

Answer 3

发现当线条位于其他形状之上时，我必须使用它来阻止黑线显示笔划的宽度：

line1.setStroke('rgba(0,0,0,0)');