lsm/konva
1
0
Fork 0
mirror of https://github.com/konvajs/konva.git synced 2025-11-18 09:07:30 +08:00
Code Issues Actions 3 Packages Projects Releases Wiki Activity

moved line cap logic to shape level so that Path can also utilize line caps

Browse Source
This commit is contained in:
ericdrowell
2012-10-06 15:05:03 -07:00
parent 6f230fc42b
commit a3840fdc69
5 changed files with 78 additions and 34 deletions
Download Patch File Download Diff File Expand all files Collapse all files

36
tests/js/unitTests.js
View File

@@ -2020,7 +2020,8 @@ Test.prototype.tests = {
var line = new Kinetic.Line({
points: [73, 160, 340, 23, 500, 109, 500, 180],
stroke: 'blue',
strokeWidth: 5,
strokeWidth: 10,
lineCap: 'round',
lineJoin: 'round',
draggable: true,
@@ -2029,7 +2030,8 @@ Test.prototype.tests = {
color: '#aaa',
blur: 10,
offset: [20, 20]
}
},
opacity: 0.2
});
layer.add(line);
@@ -2760,7 +2762,7 @@ Test.prototype.tests = {
});
*/
},
'SHAPE - text multi line with shadows': function(containerId) {
'*SHAPE - text multi line with shadows': function(containerId) {
var stage = new Kinetic.Stage({
container: containerId,
width: 578,
@@ -2788,7 +2790,7 @@ Test.prototype.tests = {
color: 'black',
blur: 1,
offset: [10, 10],
opacity: 0.2
opacity: 0.5
},
cornerRadius: 10,
draggable: true,
@@ -5008,6 +5010,32 @@ Test.prototype.tests = {
path.setData('M200,100h100v50z');
},
'PATH - add path with line cap and line join': function(containerId) {
var stage = new Kinetic.Stage({
container: containerId,
width: 1024,
height: 480,
scale: 0.5,
x: 50,
y: 10
});
var layer = new Kinetic.Layer();
var path = new Kinetic.Path({
data: 'M200,100h100v50',
stroke: '#333',
strokeWidth: 20,
draggable: true,
lineCap: 'round',
lineJoin: 'round'
});
layer.add(path);
stage.add(layer);
},
'PATH - moveTo with implied lineTos and trailing comma': function(containerId) {
var stage = new Kinetic.Stage({