如何將正常的畫布功能與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); 

但我得到的類型錯誤：ctx.fillRect不是一個函數

這裏的小提琴http://jsfiddle.net/qHVsu/

Answer 1

你可以從該層下伏背景：

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

JSFiddle。