var color_twenty_set = new Kinetic.Shape({ sceneFunc: function(ctx) { ctx.fillStrokeShape(this); }, fill: '#fff', stroke: '#fff', strokeWidth: .25, id: 'color_twenty', visible: }); var color_twenty_high_set = new Kinetic.Shape({ sceneFunc: function(ctx) { ctx.fillStrokeShape(this); }, fill: '#45cbde', stroke: '#45cbde', strokeWidth: .25, id: 'color_twenty_high', visible: false }); imageObj = new Image(); imageObj.src = ''; var color_twenty_clip_set = new Kinetic.Shape({ sceneFunc: function(ctx) { ctx.fillStrokeShape(this); }, id: 'color_twenty_clip', fillPatternImage: imageObj, visible: false });