Canvas清除画布的3种方法

一、通过简单填充

使用一个新的背景色简单地填充整个画布，这样就可以清除当前内容

context.fillStyle = '#ffffff';
context.fillRect(0, 0, theCanvas.width, theCanvas.height);

二、重置画布高度

当画布的宽或高被重置时，当前画布内容就会被移除。

 var w = theCanvas.width;var h = theCanvas.height;theCanvas.width = w;theCanvas.height = h;

三、使用clearRect函数

clearRect() 函数可以指定起始点的x, y 位置以及宽度和高度来清除画布

var w = theCanvas.width;
var h = theCanvas.height;
context.clearRect(0, 0, w, h);

Canvas清除画布的3种方法相关推荐

java 怎么清除画布_HTML5 Canvas 清除画布
HTML5 Canvas 清除画布 HTML5 Canvas clearRect()的使用方法,2D上下文功能clearRect()用于清除画布的矩形.清除的矩形变为透明. 在线示例 2D上下文功能c ...
html 重置画布坐标系,html5实现清空画布的三种方法
摘要腾兴网为您分享:html5实现清空画布的三种方法,找乐助手,悦读小说,一起成长,央视影音等软件知识,以及e430无线网卡驱动,要坚强表情包,微信制作宣传广告,先锋党建,五金计算软件,恒房通app ...
php 清除缓存的操作,PHP清除缓存的几种方法
这篇文章主要介绍了PHP清除缓存的几种方法总结的相关资料,希望通过本文大家能够掌握清除缓存的方法,需要的朋友可以参考下 PHP清除缓存的几种方法总结现在开发的项目是用tp3.1版本的,在开发过程中我 ...
[Web 前端] 018 css 清除浮动的四种方法
清除浮动的四种方法加 clear: ...(见例1) 父级上增加属性 overflow:hidden(见例2.1) 在最后一个子元素的后面加一个空的 div,给它一个样式属性 clear: both ...
CSS清除浮动的四种方法
CSS清除浮动的四种方法第一种:使用div空标签法第二种:父元素使用overflow: hidden 第三种:伪元素选择器:after 第四种:伪元素选择器:before + after 第一种: ...
JS清除缓存的几种方法
一.CSS和JS为什么带参数(形如.css?t=与.js?t=)怎样获取代码 css和js带参数(形如.css?t=与.js?t=) 使用参数有两种可能: 第一.脚本并不存在,而是服务端动态生成的,因 ...
CSS的浮动及清除浮动的5种方法
浮动是布局的时用到的一种技术,能够方便我们进行布局. 1.浮动的设置:css属性float:left/right/none 左浮动/右浮动/不浮动(默认) 2.浮动的原理:使当前元素脱离普通流,相当于 ...
html中清除浮动的几种方式,清除浮动的几种方法-关于CSS清除浮动的几种方法
CSS清除浮动的3种方法,参考: 方法1: #test{clear:both;} #test为浮动元素的下一个兄弟元素方法2: #test{display:block;zoom:1;overflow ...
CSS清除浮动的几种方法
来源 | https://www.html.cn/web/css/19613.html 今天这篇文章给大家介绍一下CSS清除浮动的几种方法.有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮 ...

Canvas清除画布的3种方法

Canvas清除画布的3种方法相关推荐

最新文章

热门文章