Как смешивать обычные функции холста с KineticJS?

Question

В некоторых частях я просто хочу нарисовать изображение или прямоугольник без накладных расходов на создание сложного объекта.

Старается

var stage = new Kinetic.Stage({ 
    container: 'container', 
    width: 400, 
    height: 400}); 
var layer = new Kinetic.Layer(); 
var ctx; 
layer.add(new Kinetic.Shape({x:0,y:0,drawFunc:function(context){ctx=context;}})); 
stage.add(layer); 
ctx.fillStyle = "#FF0000"; 
ctx.fillRect(0,0,100,100); 

Но я получаю TypeError: ctx.fillRect не является функция

Вот скрипка http://jsfiddle.net/qHVsu/

Answer 1

Вы можете получить нижележащий контекст из слоя:

var ctx = layer.canvas.context._context; 
ctx.fillStyle = "#FF0000"; 
ctx.fillRect(0,0,100,100); 

JSFiddle.