javascript - 如何通过 KineticJS 基于混合 JavaScript Canvas 代码绘制新线？

Question

现有代码如下:

var stage = new Kinetic.Stage({
  container: 'container',
  width: 578,
  height: 200
});
var layer = new Kinetic.Layer();
stage.add(layer);
document.getElementsByTagName('canvas')[0].id='myCanvas';
var canvas = document.getElementById('myCanvas');
canvas.width=578;
canvas.height=200;
var context = canvas.getContext('2d');
context.beginPath();
context.moveTo(100, 150);
context.lineTo(450, 50);
context.stroke();

现在我必须使用 KineticJS 绘制新形状，当我添加 'this.layer.draw()' 方法时，现有的形状消失了。

Fiddle

Answer 1

添加此行后，效果很好。

layer.setClearBeforeDraw(false);

Changed code