-1
如何添加陰影一組對象或圖層組中,有可能添加到類層的任何功能kineticjs添加陰影組或層
如何添加陰影一組對象或圖層組中,有可能添加到類層的任何功能kineticjs添加陰影組或層
我認爲這將是困難的,因爲陰影鏈接到Shape對象。當然,您可以爲所有圖層元素設置陰影......或者,我可以做的更好的方法是拍攝圖層,使用該圖像進行圖像處理,然後對該圖像進行遮蔽。
var stage = new Kinetic.Stage({
container: 'container',
width: 400,
height: 200
});
var layer = new Kinetic.Layer();
var rect1 = new Kinetic.Rect({
x: 20,
y: 20,
width: 100,
height: 50,
fill: "green",
stroke: 'black',
strokeWidth: 2
});
var rect2 = new Kinetic.Rect({
x: 20,
y: 20,
width: 50,
height: 100,
fill: "blue",
stroke: 'black',
strokeWidth: 2
});
layer.add(rect1);
layer.add(rect2);
stage.add(layer);
var layerImage = new Image();
layerImage.src = layer.getCanvas().toDataURL();
layerImage.onload = function() {
var layer = new Kinetic.Layer();
var shadowedImage = new Kinetic.Image({
image: layerImage,
shadowColor: 'black',
shadowBlur: 2,
shadowOffset: {
x: 10,
y: 10
},
shadowOpacity: 0.5
});
layer.add(shadowedImage);
stage.add(layer);
}