本文摘自PHP中文网，作者黄舟，侵删。
本篇文章主要介绍了html5清空画布方法（三种），小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧总结以下三种清空canvas画布的方式：
1. 最简单的方法：由于canvas每当高度或宽度被重设时，画布内容就会被清空，因此可以用以下方法清空：
1 2 3 4 5 6 | function clearCanvas<span style="font-family: Verdana, Arial, 宋体;">()</span>
{
var c=document.getElementById("myCanvas");
var cxt=c.getContext("2d");
c.height=c.height;
}
|
2. 使用clearRect方法：
1 2 3 4 5 6 | function clearCanvas()
{
var c=document.getElementById("myCanvas");
var cxt=c.getContext("2d");
cxt.clearRect(0,0,c.width,c.height);
}
|
阅读剩余部分
相关阅读 >>
HTML5 localstorage知识点总结
web sql数据库的使用教程
h5中video获取第一帧如何作为封面
HTML5 command标签的用法和<command>标签的使用案例详解
HTML5缓存机制是什么？怎么更新缓存
HTML5内联svg教程以及与canvas的区别
HTML5离线存储知识详解
jquery方法的总结（附示例）
如何用HTML5在页面中插入可自动播放的视频
HTML5语义化标签有哪些
更多相关阅读请进入《HTML5》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者
转载请注明出处：木庄网络博客 » html5实现清空画布的三种方法
