您的当前位置:首页正文

html5的画布canvas——画出简单的矩形、三角形实例代码

2020-12-05 来源:客趣旅游网
html5的画布canvas——画出简单的矩形、三⾓形实例代

⾸先在html页⾯中放置⼀个canvas元素,其中canvas元素应该具备三个属性ID、width、height。 复制代码代码如下:

取得canvas对象并取得上下⽂var cxt=document.getElementById('demo').getContext(\"2d\");其中参数2d是确定的。 开始绘制,有两种形式,⼀种是描边(fill),⼀种是填充(stroke)。 javascript代码: 复制代码代码如下:

效果图:

因篇幅问题不能全部显示,请点此查看更多更全内容