html清除矩形边区域,canvas清除矩形指定颜色

html>

canvas{

background: dodgerblue;

}

//获得画板

var nntt = document.getElementById("nntt");

//获得绘画环境

//'2d'平面的绘画环境画布

var cv = nntt.getContext('2d');

//后加上去的,

cv.fillStyle = '#006400';

cv.fillRect(0,0,800,500);

//指定颜色放前面

cv.fillStyle = '#DB7093';

//绘制一个填充矩形

//这里有的是cv 图片里的是context.fillRect 前面这个可以自已命名的

//绘制开始从左边200,上面100开始.宽度260,高度199 但绘制出来是没有指定颜色默认的黑色。

cv.fillRect(200,100,260,199);

//清除指定矩形颜色

//cv.clearRect(300,100,100,50);

//用这个看效果

cv.clearRect(300,200,100,50);

上面代码效果图片：

html清除矩形边区域,canvas清除矩形指定颜色相关推荐

html中canvas设置透明度,HTML5 Canvas绘制时指定颜色与透明度的方法
这篇文章主要介绍了HTML5 Canvas绘制时指定颜色与透明度的方法,包括全局透明globalAlpha属性的介绍,需要的朋友可以参考下指定颜色黑色是Canvas绘制的默认色彩,要想换一种颜色的 ...
html圆角矩形的渐变色,canvas圆角矩形 PS制作渐变圆角矩形：方法一：
用canvas画只有一个角是圆角的矩形,能画出来么? CSS布局HTML小编今天和大家分享各位大侠指点, 找到方法了float[] radii={12f,12f,0f,0f,0f,0f,0f,0f}; ...
java 怎么清除画布_HTML5 Canvas 清除画布
HTML5 Canvas 清除画布 HTML5 Canvas clearRect()的使用方法,2D上下文功能clearRect()用于清除画布的矩形.清除的矩形变为透明. 在线示例 2D上下文功能c ...
canvas 圆角矩形填充_一篇文章让你学会你最“害怕”的Canvas，太有意思了
Canvas画布基本用法 <canvas id='canvas' width="150" height="150"></canvas> ...
教你用canvas绘制矩形
:点上面关注免费学习前端知识! 矩形是唯一一种可以直接在2D上下文中绘制的形状.与矩形有关的方法包括fillRect() . strokeRect() 和 clearRect() .这三个方法都能接收 ...
canvas绘制矩形
canvas提供了三个API,分别是: 1.绘制一个填充的矩形 fillRect(x, y, width, height) 2.绘制一个矩形的边框 strokeRect(x, y, w ...
canvas 清除画布
clearRect() 方法清空指定矩形内的canvas画布. <!DOCTYPE HTML> <html> <head><title>canvas 清 ...
用python画圆角矩形_详解微信小程序canvas圆角矩形的绘制的方法
详解微信小程序canvas圆角矩形的绘制的方法发布时间:2020-10-04 18:20:31 来源:脚本之家阅读:103 作者:清夜微信小程序允许对普通元素通过 border-radius 的 ...
微信小程序 canvas圆角矩形的绘制
微信小程序允许对普通元素通过 border-radius的设置来进行圆角的绘制,但有时候在使用 canvas绘图的时候,也需要圆角,例如需要将页面上某块区域导出为图片下载到本地的时候,常用的解决方法就 ...

html清除矩形边区域,canvas清除矩形指定颜色

html清除矩形边区域,canvas清除矩形指定颜色相关推荐

最新文章

热门文章