html5实现清空画布的三种方法

PHP中文网 JavaScript 百度已收录

本文摘自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移动页面的用户体验

HTML5实现动态视频背景

HTML5怎么添加图片动画效果

HTML5中怎么做五角星

h5如何实现记住密码功能

HTML5 meter标签是什么意思？HTML5 meter标签的用法及属性介绍

HTML5 menu标签的具体定义和HTML5menu标签的用法详细解析

HTML5 source标签怎么用？HTML5 source标签属性介绍

让ie支持HTML5的方法

HTML5、select下拉框右边加图标的实现代码(增进用户体验)

更多相关阅读请进入《HTML5》频道 >>




标签：

打赏

取消

感谢您的支持，我会继续努力的!

扫码支持
扫码打赏，您说多少就多少

打开支付宝扫一扫，即可进行扫码打赏哦

分享从这里开始，精彩与您同在

相关推荐

评论

管理员已关闭评论功能...