javascript - 在 Kineticjs 中添加图像的属性样式

Question

我已经在 Kineticjs 中设置了图片属性

var img= new Image()
img.style.cssText = 'box-shadow: 10px 10px 5px #888888;'            
img.src = srclink[0];

      var tool=new Kinetic.Image({
         x: 0,
         y: 0,
         image: img,
         width: size[0],
         height: size[1],
         name: val["name"],
         id:val["cat"],

      })

除了样式，其他都行，因为我希望图片有阴影

希望你能帮帮我，谢谢。

Answer 1

您不能使用 css 来设置 Canvas 元素的样式。但是您可以使用 kinetic ( DEMO ) 添加阴影:

var tool=new Kinetic.Image({
     x: 0,
     y: 0,
     image: img,
     width: size[0],
     height: size[1],
     name: val["name"],
     id:val["cat"],
     shadowColor: '#888888',
     shadowBlur: 5,
     shadowOffset: 10,
     shadowOpacity: 1
});