PHP8.1.21版本已发布
vue8.1.21版本已发布
jquery8.1.21版本已发布
首页
课程
路径
文章
PHP培训
精品课
下载

技术文章  >  web前端 > H5教程

html5的画布canvas——画出简单的矩形、三角形实例代码_html5教程技巧

原创
2016-05-16 15:49:34 1559浏览

首先在html页面中放置一个canvas元素，其中canvas元素应该具备三个属性ID、width、height。

复制代码
代码如下:



取得canvas对象并取得上下文var cxt=document.getElementById('demo').getContext("2d");其中参数2d是确定的。

开始绘制，有两种形式，一种是描边（fill），一种是填充（stroke）。

javascript代码：

复制代码
代码如下:



效果图：
canvas 矩形 三角形PHP课程HTML视频教程CSS视频JS视频教程Vue视频教程
声明：本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn核实处理。
上一条：HTML5组件Canvas实现图像灰度化 下一条：使用HTML5做个画图板的方法介绍_html5教程技巧

相关文章

查看更多
  • 热门课程
打开APP，随时随地在线学习！