lsm/konva
1
0
Fork 0
mirror of https://github.com/konvajs/konva.git synced 2025-10-15 12:34:52 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

shadow fixes

Browse Source
This commit is contained in:
Anton Lavrenov
2016-12-14 12:11:54 -05:00
parent ad8d38d945
commit b855765736
10 changed files with 146 additions and 42 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
test/unit/shapes/Path-test.js
View File

@@ -180,9 +180,9 @@ suite('Path', function() {
context.closePath();
context.fillStyle = '#fcc';
context.shadowColor = 'maroon';
context.shadowBlur = 2;
context.shadowOffsetX = 10;
context.shadowOffsetY = 10;
context.shadowBlur = 2 * canvas.ratio;
context.shadowOffsetX = 10 * canvas.ratio;
context.shadowOffsetY = 10 * canvas.ratio;
context.fill();
// context.stroke();
compareLayerAndCanvas(layer, canvas, 20);

79
test/unit/shapes/Text-test.js
View File

@@ -104,17 +104,90 @@ suite('Text', function(){
var canvas = createCanvas();
var context = canvas.getContext('2d');
context.textBaseline = 'top';
context.textBaseline = 'middle';
context.font = "normal normal 50px Arial";
context.fillStyle = 'darkgrey';
context.fillText('Hello World!', 10, (50));
context.fillText('Hello World!', 10, 10 + 50 + 25);
context.fillStyle = 'black';
context.fillText('Hello World!', 10, 10);
context.fillText('Hello World!', 10, 10 + 25);
compareLayerAndCanvas(layer, canvas, 254);
});
test('text cache with fill and shadow', function() {
var stage = addStage();
var layer1 = new Konva.Layer();
layer1.getCanvas().setPixelRatio(1);
stage.add(layer1);
var text1 = new Konva.Text({
x: 10,
y: 10,
text: 'some text',
fontSize: 50,
fill: 'black',
shadowColor: 'black',
shadowOffsetX: 0,
shadowOffsetY: 50,
opacity: 1,
shadowBlur: 10,
draggable: true
});
layer1.add(text1);
var layer2 = new Konva.Layer();
layer2.getCanvas().setPixelRatio(1);
layer2.add(text1.clone().cache({pixelRatio: 2}));
stage.add(layer1, layer2);
if (!window.isPhantomJS) {
compareLayers(layer1, layer2, 220);
}
});
test('text cache with fill and shadow and some scale', function() {
var stage = addStage();
var layer1 = new Konva.Layer();
stage.add(layer1);
var text1 = new Konva.Text({
x: 10,
y: 10,
text: 'some text',
fontSize: 50,
fill: 'black',
shadowColor: 'black',
shadowOffsetX: 0,
shadowOffsetY: 50,
opacity: 1,
shadowBlur: 10,
draggable: true
});
layer1.add(text1);
var layer2 = new Konva.Layer({
scaleX: 0.5,
scaleY: 0.5
});
stage.add(layer2);
var group = new Konva.Group();
layer2.add(group);
var text2 = text1.clone();
group.add(text2);
text2.cache();
group.scale({ x: 2, y: 2});
stage.draw();
compareLayers(layer1, layer2, 150);
});
// ======================================================
test('add text with letter spacing', function() {
var stage = addStage();