如何清除canvas html5?

安东尼奥

我正在尝试清除画布。

我执行一个setInterval函数,该函数在任何迭代中都调用不同的“画布”。

任何执行后,我调用此函数:

function deleteCanvas(){
    var canvas = document.getElementById("canvas");
    var context = canvas.getContext("2d");
    context.clearRect(0, 0, context.width,context.height);
    context.beginPath();
}

但是没有删除画布图像。

任何的想法?

最好的祝福,

larssy1

根据此HTML5画布教程:http : //www.html5canvastutorials.com/advanced/html5-clear-canvas/

您不必致电beginPath()接下来,您可能应该更改contextcanvas

$("#clear").on('click', function () {
    context.clearRect(0, 0, canvas.width, canvas.height);
});

示例:http//jsfiddle.net/cwv0y6nh/

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何清除canvas html5?

来自分类Dev

如何清除Canvas中的特定行:HTML5

来自分类Dev

如何在 HTML5 上放置新图像之前清除 Canvas?

来自分类Dev

HTML5 canvas javascript

来自分类Dev

HTML5 canvas javascript

来自分类Dev

如何从XMLHttpRequest响应中设置HTML5 canvas ImageData?

来自分类Dev

HTML5 canvas如何更改putImageData比例

来自分类Dev

HTML5如何在Canvas中调用图像

来自分类Dev

如何使对象围绕html5 canvas中的点

来自分类Dev

HTML5 Canvas:如何枚举所有对象

来自分类Dev

如何在html5 canvas中使用gif图像?

来自分类Dev

如何使用JavaScript在HTML5 Canvas中绘制圆?

来自分类Dev

HTML5 Canvas:如何为fillRect设置边框?

来自分类Dev

如何解决HTML5 canvas globalAlpha问题?

来自分类Dev

带有jCanvas的HTML5 Canvas:如何删除图层

来自分类Dev

HTML5如何在Canvas中调用图像

来自分类Dev

如何使对象围绕html5 canvas中的点

来自分类Dev

如何使用HTML5 canvas标签显示视频

来自分类Dev

如何使用html5 canvas绘制多级饼图?

来自分类Dev

HTML5 Canvas为什么fillText()方法清除clearRect()之后的所有内容

来自分类Dev

HTML5 Canvas文字交集

来自分类Dev

HTML5 Canvas游戏渲染图

来自分类Dev

从html5 <canvas>创建视频流

来自分类Dev

HTML5 Canvas drawImage问题

来自分类Dev

HTML5 Canvas-fillRect()与rect()

来自分类Dev

语音气泡html5 canvas js

来自分类Dev

HTML5 Canvas:直接移至点

来自分类Dev

Javascript和HTML5 Canvas Sprite

来自分类Dev

HTML5 canvas hittest任意形状