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

finished up pattern fill support

Browse Source
This commit is contained in:
Eric Rowell
2012-05-13 10:27:40 -07:00
parent 81df49e75d
commit e4f5e11792
5 changed files with 67 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/GlobalObject.js
View File

@@ -146,6 +146,10 @@ Kinetic.GlobalObject = {
}
},
_setXY: function(obj, key, val) {
if(obj[key] === undefined) {
obj[key] = {};
}
// val is an array
if(Kinetic.GlobalObject._isArray(val)) {
obj[key].x = val[0];
@@ -163,6 +167,10 @@ Kinetic.GlobalObject = {
}
},
_setSize: function(obj, key, val) {
if(obj[key] === undefined) {
obj[key] = {};
}
// val is an array
if(Kinetic.GlobalObject._isArray(val)) {
obj[key].x = val[2];

26
src/Shape.js
View File

@@ -116,14 +116,26 @@ Kinetic.Shape.prototype = {
// color fill
if( typeof fill == 'string') {
f = this.attrs.fill;
context.fillStyle = f;
context.fill();
}
// pattern fill
else if(fill.image !== undefined) {
var o = Kinetic.GlobalObject._getPoint(fill.offset);
var o = {};
// set offset o
if(fill.offset !== undefined) {
Kinetic.GlobalObject._setXY(o, 'pos', fill.offset);
}
var repeat = fill.repeat === undefined ? 'repeat' : fill.repeat;
f = context.createPattern(fill.image, repeat);
context.save();
context.translate(o.pos.x, o.pos.y);
context.fillStyle = f;
context.fill();
context.restore();
}
// gradient fill
else if(s.x !== undefined && s.y !== undefined && e.x !== undefined && e.y !== undefined) {
@@ -132,6 +144,8 @@ Kinetic.Shape.prototype = {
grd.addColorStop(0, s.color);
grd.addColorStop(1, e.color);
f = grd;
context.fillStyle = f;
context.fill();
}
// radial gradient
else if(s.radius !== undefined && e.radius !== undefined) {
@@ -140,13 +154,17 @@ Kinetic.Shape.prototype = {
grd.addColorStop(0, s.color);
grd.addColorStop(1, e.color);
f = grd;
context.fillStyle = f;
context.fill();
}
else {
f = 'black';
context.fillStyle = f;
context.fill();
}
context.fillStyle = f;
context.fill();
// TODO: if using fill offset, save context, translate offset, fill(), then restore
}
},
/**