给大家带来HTML5实例教程:canvas标签绘制矩形实例代码

显示全部楼层 · 发表于 2015-1-15 22:57:54

马上注册，结交更多好友，享用更多功能，让你轻松玩转社区。

您需要登录才可以下载或查看，没有帐号？立即注册

x

有些差异相对轻微，有充分的理由将这两种HTML5规范草案合并为一，让浏览器制造商与网络开发者不必面对不兼容的窘境。破洛洛文章简介：html5-canvas标签--绘制矩形。
<!DOCTYPEhtml><html><head><metacharset=utf-8><title>html5-canvas标签--绘制矩形</title></head><body><canvasid="1"width="200"height="200"></canvas>
<scripttype="text/javascript">window.onload=function(){varcanva=document.getElementById(1)varcontent=canva.getContext(2d)content.fillStyle="#ccc";//添补canvas的背景色彩content.fillRect(0,0,200,200);//参数分离暗示x轴,y轴,宽度,高度content.lineWidth=4;//边框宽度content.strokeStyle="#fff";//边框色彩content.strokeRect(50,50,100,100);//边框坐标及巨细content.fillStyle="#f00";//矩形添补色彩content.fillRect(50,50,100,100);//矩形坐标及巨细}
</script></body></html></p>
通过我们的HTML编辑器，您能够编辑HTML，然后点击按钮来查看结果。

		自动登录	找回密码
密码			立即注册

[HTML5] 给大家带来HTML5实例教程:canvas标签绘制矩形实例代码

马上注册，结交更多好友，享用更多功能，让你轻松玩转社区。

相关帖子