Canvas 在KineticJS中绘制复杂笔划（边框）

我有一个KineticJS图像

我想在这张图像周围画一个边框

为此，我使用了笔划

var x = new Kinetic.Image({
    image: img,
    stroke: 'Red',
    strokeWidth: 5
}

• 1-我可以用圆角的边框吗？像这里
• 2-我能给这个从内部到外部逐渐增加的边界透明度吗

我可以用笔划来实现这些吗？或者我需要画线等，并用图像创建组吗？

1）你可以用笔划和图像绘制透明的

Kinetic.Rect

    var rect = new Kinetic.Rect({
       x : image.x(),
       y : image.y(),
       width :image.width(),
       height : image.height(),
       stroke : 'blue',
       storkeWidth : 5,
       cornerRadius : 10
    });

---

2） 要做到这一点没有简单的方法。仅当您使用

Kinetic.Line

对象手动绘制笔划时。

#2听起来有点像阴影。在你的情况下，这是一个很好的替代品吗？@markE shadow有固定的不透明度。很公平——在你的情况下，这不是一个可用的替代品：-）