滚动补间图形

如何解决滚动补间图形

从HTML5开始，我耐心地在Animate HTML5画布上编写了以下代码，以创建无限的图形“记录地震”样式。必须从指示图形点的纵坐标的点开始绘制，并且该坐标必须向左移动。经过大量研究，我无法创建滚动。非常感谢所有可以帮助我的人。

var ctx = canvas.getContext("2d");
 
var point = { x:800,y:50 };
 
createjs.Tween.get(point)
.to({x:800,y: 100},2000)
.wait(200)
.to({x:800,y: 150},2000)
.wait(200)
.to ({x:800,y: 200},2000)
 
function draw ()
{
    ctx.lineto(point.x,point.y );
    ctx.stroke();
}
 
ctx.beginPath();
ctx.strokeStyle = '#ff0000'; 
ctx.linewidth = 2;
 
createjs.Ticker.addEventListener("tick",tick1.bind(this));
function tick1()
{
    draw();
};
 
tick1();
ctx.moveto(point.x,point.y);

解决方法

问题解决了。我使用了CreateJs，并使用了类构造函数var shape = new createjs.Shape（）;。允许绘制并访问图形属性。就像“ CreateEmptyMovieClip”一样。