html5使用canvas画三角形


Posted in HTML / CSS onDecember 15, 2014

<canvas id="canvas" width="500" height="500" style="background-color: yellow;"></canvas>
 

复制代码
代码如下:

var canvas=document.getElementById("canvas");
var cxt=canvas.getContext("2d");
cxt.beginPath();
cxt.moveTo(250,50);
cxt.lineTo(200,200);
cxt.lineTo(300,300);
cxt.closePath();//填充或闭合 需要先闭合路径才能画
//空心三角形
cxt.strokeStyle="red";
cxt.stroke();
//实心三角形
cxt.beginPath();
cxt.moveTo(350,50);
cxt.lineTo(300,200);
cxt.lineTo(400,300);
cxt.closePath();
cxt.fill();

html5使用canvas画三角形

HTML / CSS 相关文章推荐
CSS3中的注音对齐属性ruby-align用法指南
Jul 01 HTML / CSS
CSS3实现圆角、阴影、透明效果并兼容各大浏览器
Aug 08 HTML / CSS
使用css3实现的windows8开机加载动画
Dec 09 HTML / CSS
移动端Web页面的CSS3 flex布局快速上手指南
May 31 HTML / CSS
CSS3 rgb and rgba(透明色)的使用详解
Sep 25 HTML / CSS
HTML5边玩边学(2)基础绘图实现方法
Sep 21 HTML / CSS
html5使用canvas画三角形
Dec 15 HTML / CSS
基于HTML5的WebGL实现json和echarts图表展现在同一个界面
Oct 26 HTML / CSS
详解如何解决canvas图片getImageData,toDataURL跨域问题
Sep 17 HTML / CSS
HTML5去掉输入框type为number时的上下箭头的实现方法
Jan 03 HTML / CSS
纯CSS实现hover图片pop-out弹出效果的实例代码
Apr 16 HTML / CSS
css实现文章分割线样式的多种方法总结
Apr 21 HTML / CSS
html5使用canvas画空心圆与实心圆
Dec 15 #HTML / CSS
html5使用canvas画一条线
Dec 15 #HTML / CSS
html5绘制时钟动画
Dec 15 #HTML / CSS
html5的canvas方法使用指南
Dec 15 #HTML / CSS
html5各种页面切换效果和模态对话框用法总结
Dec 15 #HTML / CSS
2014年圣诞节倒计时网页的制作过程
Dec 05 #HTML / CSS
一款利用html5和css3动画排列人物头像的实例演示
Dec 05 #HTML / CSS
You might like
PHP四大安全策略
2014/03/12 PHP
PHP+MySQL删除操作实例
2015/01/21 PHP
PHP使用preg_split和explode分割textarea存放内容的方法分析
2017/07/03 PHP
javascript改变position值实现菜单滚动至顶部后固定
2013/01/18 Javascript
几种延迟加载JS代码的方法加快网页的访问速度
2013/10/12 Javascript
jQuery实现在新增加的元素上添加事件方法案例分析
2017/02/09 Javascript
js replace()去除代码中空格的实例
2017/02/14 Javascript
Node.js 异步异常的处理与domain模块解析
2017/05/10 Javascript
微信小程序开发之map地图实现教程
2017/06/08 Javascript
vue中如何去掉空格的方法实现
2018/11/09 Javascript
jquery拖拽自动排序插件使用方法详解
2020/07/20 jQuery
详解Express笔记之动态渲染HTML(新手入坑)
2018/12/13 Javascript
vue组件通信传值操作示例
2019/01/08 Javascript
使用vue实现各类弹出框组件
2019/07/03 Javascript
Vue 实现html中根据类型显示内容
2019/10/28 Javascript
JavaScript多种图形实现代码实例
2020/06/28 Javascript
jQuery是用来干什么的 jquery其实就是一个js框架
2021/02/04 jQuery
python使用opencv读取图片的实例
2017/08/17 Python
Python subprocess库的使用详解
2018/10/26 Python
详解python中index()、find()方法
2019/08/29 Python
python GUI库图形界面开发之PyQt5下拉列表框控件QComboBox详细使用方法与实例
2020/02/27 Python
解决Django no such table: django_session的问题
2020/04/07 Python
TensorFlow打印输出tensor的值
2020/04/19 Python
mac安装python3后使用pip和pip3的区别说明
2020/09/01 Python
简单几步用纯CSS3实现3D翻转效果
2019/01/17 HTML / CSS
HTML5的文档结构和新增标签完全解析
2017/04/21 HTML / CSS
营销总监岗位职责范本
2014/02/26 职场文书
歌颂祖国的演讲稿
2014/05/04 职场文书
反腐倡廉警示教育活动总结
2014/05/05 职场文书
三好学生个人先进事迹材料
2014/05/17 职场文书
常务副县长“三严三实”对照检查材料思想汇报
2014/10/05 职场文书
2015年科室工作总结
2015/04/10 职场文书
治庸问责工作总结
2015/08/11 职场文书
商场广播稿范文
2015/08/19 职场文书
文案策划岗位个人自我评价(范文)
2019/08/08 职场文书
Java字符缓冲流BufferedWriter
2022/04/09 Java/Android