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

Adding attribute style of an image in Kineticjs

本文关键字：属性 样式 图像 添加 Kineticjs      更新时间：2023-09-26

我在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"],
      })

都可以，除了样式，因为我希望图像有阴影

希望你能帮助我，谢谢。

不能使用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
});
相关文章：