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圆角样式分享自定义按钮样式
Dec 27 HTML / CSS
基于css3的属性transition制作菜单导航效果
Sep 01 HTML / CSS
html+css3实现的登录界面
Dec 09 HTML / CSS
Html5 localStorage入门教程
Apr 26 HTML / CSS
html5弹跳球示例代码
Jul 23 HTML / CSS
移动端解决悬浮层(悬浮header、footer)会遮挡住内容的3种方法
Mar 27 HTML / CSS
五分钟学会HTML5的WebSocket协议
Nov 22 HTML / CSS
VSCode 自定义html5模板的实现
Dec 05 HTML / CSS
html5 移动端视频video的android兼容(去除播放控件、全屏)
Mar 26 HTML / CSS
浅析图片上传及canvas压缩的流程
Jun 10 HTML / CSS
HTML5获取当前地理位置并在百度地图上展示的实例
Jul 10 HTML / CSS
CSS中实现动画效果-附案例
Feb 28 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中$_SERVER的详细参数与说明
2008/07/29 PHP
Json_decode 解析json字符串为NULL的解决方法(必看)
2017/02/17 PHP
WEB 浏览器兼容 推荐收藏
2010/05/14 Javascript
JS target与currentTarget区别说明
2011/08/28 Javascript
使用Jquery来实现可以输入值的下拉选单 雏型
2011/12/06 Javascript
jQuery插件jPaginate实现无刷新分页
2015/05/04 Javascript
使用AngularJS创建单页应用的编程指引
2015/06/19 Javascript
JavaScript生成带有缩进的表格代码
2016/06/15 Javascript
JavaScript 事件对内存和性能的影响
2017/01/22 Javascript
Bootstrap面板学习使用
2017/02/09 Javascript
js控制一个按钮是否可点击(可使用)disabled的实例
2017/02/14 Javascript
Vuejs 用$emit与$on来进行兄弟组件之间的数据传输通信
2017/02/23 Javascript
EasyUI为Numberbox添加blur事件的方法
2017/03/05 Javascript
Three.js的使用及绘制基础3D图形详解
2017/04/27 Javascript
详解angularJS+Ionic移动端图片上传的解决办法
2017/09/13 Javascript
微信小程序class封装http代码实例
2019/08/24 Javascript
解决Vue keep-alive 调用 $destory() 页面不再被缓存的情况
2020/10/30 Javascript
python查看zip包中文件及大小的方法
2015/07/09 Python
Python实现的三层BP神经网络算法示例
2018/02/07 Python
django解决跨域请求的问题
2018/11/11 Python
python模糊图片过滤的方法
2018/12/14 Python
python匹配两个短语之间的字符实例
2018/12/25 Python
Python求均值,方差,标准差的实例
2019/06/29 Python
python自动化unittest yaml使用过程解析
2020/02/03 Python
PyQt5高级界面控件之QTableWidget的具体使用方法
2020/02/23 Python
python正则表达式re.match()匹配多个字符方法的实现
2021/01/27 Python
聊聊Python pandas 中loc函数的使用,及跟iloc的区别说明
2021/03/03 Python
Css3实现无缝滚动防抖
2020/09/14 HTML / CSS
Html5适配iphoneX刘海屏的简单实现
2019/04/09 HTML / CSS
香港化妆品经销商:我的公主
2016/08/05 全球购物
购买大码女装:Lane Bryant
2016/09/07 全球购物
实习单位接收函模板
2014/01/10 职场文书
招商专员岗位职责
2014/02/08 职场文书
《曹刿论战》教学反思
2014/03/02 职场文书
先进教师个人事迹材料
2014/12/15 职场文书
详解Python函数print用法
2021/06/18 Python