小编Jam*_*han的帖子

图像动画功能在面料js中不起作用?

我正在使用面料js进行画布动画,我创建了带有'canvas'的画布,然后将图像放入其中并将左侧位置设置为零.它工作正常,但动画功能不起作用.

请帮我.

我的代码:

HTML:

<canvas id="canvas" width="990" height="285">
    This text is displayed if your browser 
    does not support HTML5 Canvas.  
</canvas>
Run Code Online (Sandbox Code Playgroud)

JavaScript的:

var canvas = new fabric.Canvas('canvas');

var image = new Image();
image.src = 'images/body.png';

var bugBody = fabric.Image.fromURL(image.src, function (oImg) {
    canvas.add(oImg);
        oImg.set('left',0)
});

bugBody.animate('left', 200, {
    onChange: canvas.renderAll.bind(canvas)
});
Run Code Online (Sandbox Code Playgroud)

感谢您.

javascript html5 html5-canvas fabricjs

1
推荐指数
1
解决办法
1873
查看次数

标签 统计

fabricjs ×1

html5 ×1

html5-canvas ×1

javascript ×1