形状的颜色，我们需要使用fillStyle和strokeStyle的两个重要属性。下面简要介绍如何在HTML5下绘制颜色和透明度的矩形。




1。自定义画笔样式

如果要对形状着色，需要使用以下两个重要属性。

填充颜色：所有填写操作设置默认颜色。
strokeStyle：所有中风的操作设置默认颜色。

两。绘制具有颜色和透明度的矩形。

复制代码代码如下所示：




HTML5

此函数将调用页面中的加载完全加载。
功能页面加载完成（）
{
参考 / /把画布对象的名义下画布和身体必须在同一编号
VaR的画布document.getelementbyid（'tcanvas）；
画布的二维绘制环境
VaR上下文= canvas.getcontext（二维的）；
将在此处显示绘图代码。
将填充颜色设置为红色
context.fillstyle =红色；
绘制一个红色矩形实体
context.fillrect（5050100,40）；
设置/边线颜色为绿色
context.fillstyle = 绿色；
绘制一个绿色的空心矩形
context.strokerect（120100100,35）；
使用RGB / （）将填充色设置为蓝色。
context.fillstyle =RGB（00255）；
绘制蓝色矩形固体
context.fillrect（80230100,40）；
将填充颜色设置为黑色，alpha值为0.2（透明度）。
context.fillstyle =RGBA（0,0,0,0.2）；
绘制一个透明的黑色实心矩形
context.fillrect（300180100,50）；
}





提示：您的浏览器不支持标签。




三。绘图效果