HTML5画布: clearRect()

clearRect（）是用来清除画布的一个矩形。

var canvas  = document.getElementById("ex1");
var context = canvas.getContext("2d");context.fillStyle = "#ff0000";
context.fillRect(10,10, 100,100);context.strokeStyle = "#0000ff";
context.strokeRect(30,20, 120, 110);context.clearRect(50, 30, 110, 35);

红色和蓝色矩形的矩形现已清除。

如前面提到的，使用清除clearRect（）区域变得透明。假如有画布分层那透明区域底下将可见/

HTML5画布: clearRect()相关推荐

表盘时针的html代码,html5画布操作的简单学习-简单时钟
html5画布操作的简单学习-简单时针效果图一.什么是 Canvas? HTML5 的 canvas 元素使用 JavaScript 在网页上绘制图像. 画布是一个矩形区域,您可以控制其每一像素. ...
怎样在html中实现图层重叠,javascript – 在HTML5画布中实现图层
我即将在HTML5画布中实现Photoshop般的图层.目前我有两个想法.第一个也许更简单的想法是为每个图层设置一个Canvas元素,如: 这样当你画到一个图层 – 它实际上是去"层&quo ...
html画布里增添颜色,在HTML5画布中更改笔触颜色
我是HTML5画布的新手,我正在玩this example 然后我想在单击颜色选择器时更改笔划的颜色 $("button").click(function() { console. ...
php绘制时钟刻度,html5 画布时钟效果
网上看到个时钟效果,感觉挺好看,转了来,具体通过html5画布技术实现的,效果图如下: 具体 html 代码: html5 时钟效果 /** * Created by Administrator on ...
使用HTML5画布和jQuery使小球颜色不断变化
现在要实现使用HTML5画布和jQuery实现小球颜色不断变化,依次为红色.绿色.蓝色,如下图以下是实现的代码 <!DOCTYPE html> <html> <head ...
html5 移动画布,html5画布移动元素(html5 canvas move element)
html5画布移动元素(html5 canvas move element) 我正在用HTML5和JS开发赛车游戏. 我正在尝试使用箭头键移动汽车. 但它不起作用. 如何移动画布中的元素,并且在移动元 ...
支持HTML5画布技术的浏览器,提高 HTML5 画布性能
http://www.html5rocks.com/zh/tutorials/canvas/performance/#toc-intro 简介 HTML5 画布最初来自 Apple 的一项实验,是网络 ...
html5画布显示不出来,运行后html5画布没出来
源自:3-9 使用前端界面调用flask发布的ckpt模型(2) 运行后html5画布没出来不知道什么原因, 运行后html5画布没出来,跪求解答,谢谢 FLASK_APP = main.py FL ...
使用HTML5画布实现的超棒javascript动画仪表板：gauge.js
日期:2012-8-8 来源:GBin1.com 在线演示今天我们分享来自guage.js的超棒动画仪表板实现,这个类库使用html5画布来生成动态的自定义仪表板.不依赖于任何类库也不实用任何的C ...

HTML5画布: clearRect()

HTML5画布: clearRect()相关推荐

最新文章

热门文章