Maison > Article > interface Web > HTML5 在canvas中绘制矩形附效果图_html5教程技巧
HTML5 在canvas中绘制矩形附效果图_html5教程技巧
- WBOYoriginal
- 2016-05-16 15:47:291462parcourir
一、绘制矩形
canvas使用原点(0,0)在左上角的坐标系统，x坐标向右递增，y坐标向下递增。
使用绘图环境的矩形绘制函数来绘制矩形。
fillRect(x,y,width,height) ： 绘制一个实心的矩形。
strokeRect(x,y,width,height) ： 绘制一个空心的矩形。
clearRect(x,y,width,height) ： 清除指定的矩形区域，使之完全透明。
二、在canvas中绘制矩形
HTML5
三、绘制效果
canvas使用原点(0,0)在左上角的坐标系统，x坐标向右递增，y坐标向下递增。
使用绘图环境的矩形绘制函数来绘制矩形。
fillRect(x,y,width,height) ： 绘制一个实心的矩形。
strokeRect(x,y,width,height) ： 绘制一个空心的矩形。
clearRect(x,y,width,height) ： 清除指定的矩形区域，使之完全透明。
二、在canvas中绘制矩形
复制代码
代码如下:三、绘制效果
Déclaration：
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Article précédent：IE9对HTML5中部分属性不支持的原因分析_html5教程技巧Article suivant：html5 更新图片颜色示例代码_html5教程技巧