kineticjs为舞台增添元素

Question

我是JS和KineticJS的新手，想知道是否有人能帮助我了解KineticJS。阶段节点工作。我以本教程为起点，但希望能够附加对象(如new Kinetic.Text()或new Kinetic)。Group())到现有阶段。

我尝试做的一个例子是在画布旁边创建一个表单，允许用户输入文本，单击"转到"，然后在画布内显示"他们输入的文本"。

我试图在document.ready和全局范围内声明"var-stage"，认为我可以从一个函数中访问该阶段，例如：

function writeTextToStage(stage) {
var text = new Kinetic.Text({
x: 190,
y: 15,
text: 'Simple Text',
fontSize: 30,
fontFamily: 'Calibri',
textFill: 'green'
});
var layer = new Kinetic.Layer();
layer.add(text);
stage.add(layer);
stage.draw();
}
window.onload = function(){
var stage = new Kinetic.Stage({
container: "designer",
width: 578,
height: 520
});
var go = document.getElementById('go');
go.addEventListener('mousedown', writeTextToCanvas(stage);
};

无论如何，如果"stage"对象是在另一个函数"initStage()"中声明的，那么有可能在初始化stage节点后获得它，以便向它添加内容吗？我尝试过通过DOM元素$('kineticjs-content').children()[0].访问它

请协助。kineticjs.com上的文档不是很详细。谢谢

Answer 1

您需要在函数外部创建层，然后在函数中只需将文本添加到层中。。。

function AddText() {
var text = new Kinetic.Text({
...
});
layer.add(text);
}