时间:2021-05-08
总结以下三种清空canvas画布的方式:
1. 最简单的方法:由于canvas每当高度或宽度被重设时,画布内容就会被清空,因此可以用以下方法清空:
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方法:
function clearCanvas() { var c=document.getElementById("myCanvas"); var cxt=c.getContext("2d"); cxt.clearRect(0,0,c.width,c.height); }3. 类似于方法2,可以用某一特定颜色填充画布,从而达到清空的目的:
function clearCanvas() { var c=document.getElementById("myCanvas"); var cxt=c.getContext("2d"); cxt.fillStyle="#000000"; cxt.beginPath(); cxt.fillRect(0,0,c.width,c.height); cxt.closePath(); }以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
查看效果:http://keleyi.com/keleyi/phtml/html5/7.htm完整代码:复制代码代码如下:用html5的canvas画布绘制贝塞
新增画布工具。HTML5自带作画工具Canvas,比HTML4更具优势。该工具在网页设计过程中,其图像绘制操作均通过JavaScript来实现。新增的画布整体上
HTML5概述HTML5是HTML标准的下一个重要版本,用来替代HTML4.01,XHTML1.0以及XHTML1.1。HTML5也是一种在万维网上构建和呈现内
清空canvas画布内容1、重置宽或高由于canvas每当高度或宽度被重设时,画布内容就会被清空,因此可以用以下方法清空:(此方法仅限需要清除全部内容的情况)v
未来的网页将是html5的天下如今html3将渐渐远离我们的视线,取尔代之的将会是html5。什么是html5,html5有什么优势?HTML5是用于取代199