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

时间:2013-05-11 13:57:35

标签: javascript css html5 kineticjs

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

      })

除了样式之外都会有效,因为我希望图像具有阴影

我希望你能帮助我,谢谢。

1 个答案:

答案 0 :(得分:1)

您无法使用css为canvas元素设置样式。但是你可以用动力学(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
});