lsm/konva
1
0
Fork 0
mirror of https://github.com/konvajs/konva.git synced 2025-10-14 03:24:54 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

new applyShadow method for shape. Images with transparent pixels can now have shadows applied to them again. Fixed image stroke buffer rendering issue

Browse Source
This commit is contained in:
Eric Rowell
2012-11-28 20:50:33 -08:00
parent e6eb647462
commit 8958fbffc6
5 changed files with 74 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

47
tests/js/unit/shapes/imageTests.js
View File

@@ -7,9 +7,7 @@ Test.Modules.IMAGE = {
width: 578,
height: 200
});
var layer = new Kinetic.Layer({
throttle: 999
});
var layer = new Kinetic.Layer();
darth = new Kinetic.Image({
x: 200,
y: 60,
@@ -123,6 +121,39 @@ Test.Modules.IMAGE = {
};
imageObj.src = '../assets/darth-vader.jpg';
},
'create image buffer': function(containerId) {
var imageObj = new Image();
imageObj.onload = function() {
var stage = new Kinetic.Stage({
container: containerId,
width: 578,
height: 200
});
var layer = new Kinetic.Layer();
var lion = new Kinetic.Image({
x: 200,
y: 40,
image: imageObj,
draggable: true,
shadow: {
color: 'black',
blur: 10,
offset: [20, 20],
opacity: 0.2
}
});
layer.add(lion);
lion.createImageBuffer(function() {
stage.add(layer);
layer.drawHit();
});
showHit(layer);
};
imageObj.src = '../assets/lion.png';
},
'grayscale image': function(containerId) {
var imageObj = new Image();
imageObj.onload = function() {
@@ -345,10 +376,12 @@ Test.Modules.IMAGE = {
});
layer.add(lion);
lion.createImageBuffer(function() {
stage.add(layer);
});
//document.body.appendChild(layer.bufferCanvas.element);
stage.add(layer);
showHit(layer);
//var dataUrl = layer.toDataURL();
//warn(dataUrl === dataUrls['transparent image shadow'], 'problem applying shadow to image with transparent pixels');
};
imageObj.src = '../assets/lion.png';