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属性选择符介绍
Oct 17 HTML / CSS
利用CSS3的border-radius绘制太极及爱心图案示例
May 17 HTML / CSS
CSS3 :default伪类选择器使用简介
Mar 15 HTML / CSS
纯CSS3制作页面切换效果的实例代码
May 30 HTML / CSS
使用HTML5里的classList操作CSS类
Jun 28 HTML / CSS
HTML5拖放效果的实现代码
Nov 17 HTML / CSS
浅谈html5之sse服务器发送事件EventSource介绍
Aug 28 HTML / CSS
详解如何解决canvas图片getImageData,toDataURL跨域问题
Sep 17 HTML / CSS
HTML5逐步分析实现拖放功能的方法
Sep 30 HTML / CSS
css中z-index: 0和z-index: auto的区别
Aug 23 HTML / CSS
CSS中float高度塌陷问题的四种解决方案
Apr 18 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递归函数中使用return的注意事项
2014/01/17 PHP
php自动加载autoload机制示例分享
2014/02/20 PHP
PHP生成条形码大揭秘
2015/09/24 PHP
PHP 实现人民币小写转换成大写的方法及大小写转换函数
2017/11/17 PHP
详解php中生成标准uuid(guid)的方法
2019/04/28 PHP
Laravel 模型关联基础教程详解
2019/09/17 PHP
Gambit vs CL BO3 第一场 2.13
2021/03/10 DOTA
一个高效的JavaScript压缩工具下载集合
2007/03/06 Javascript
Google Map Api和GOOGLE Search Api整合实现代码
2009/07/18 Javascript
JavaScript Event学习补遗 addEventSimple
2010/02/11 Javascript
基于Jquery的文字滚动跑马灯插件(一个页面多个滚动区)
2010/07/26 Javascript
js最简单的拖拽效果实现代码
2010/09/24 Javascript
为jQuery增加join方法的实现代码
2010/11/28 Javascript
原生js实现查找/添加/删除/指定元素的class
2013/04/12 Javascript
javascript简单实现类似QQ头像弹出效果的方法
2015/08/03 Javascript
聊一聊Vue.js过渡效果
2016/09/07 Javascript
js获取隐藏元素的宽高
2017/02/24 Javascript
详解给Vue2路由导航钩子和axios拦截器做个封装
2018/04/10 Javascript
Vue 中的受控与非受控组件的实现
2018/12/17 Javascript
基于JavaScript获取url参数2种方法
2020/04/17 Javascript
JS实现页面侧边栏效果探究
2021/01/08 Javascript
用python处理图片之打开\显示\保存图像的方法
2018/05/04 Python
Django使用unittest模块进行单元测试过程解析
2019/08/02 Python
Python网络编程之使用TCP方式传输文件操作示例
2019/11/01 Python
从python读取sql的实例方法
2020/07/21 Python
5 分钟读懂Python 中的 Hook 钩子函数
2020/12/09 Python
纯CSS3打造动感漂亮时尚的扇形菜单
2014/03/18 HTML / CSS
设计师珠宝:Ylang 23
2018/05/11 全球购物
银行出纳岗位职责
2013/11/25 职场文书
县人大领导班子四风对照检查材料思想汇报
2014/10/09 职场文书
北京英语导游词
2015/02/12 职场文书
公司车队管理制度
2015/08/04 职场文书
Ajax实现局部刷新的方法实例
2021/03/31 Javascript
详解TS数字分隔符和更严格的类属性检查
2021/05/06 Javascript
「我的青春恋爱物语果然有问题。-妄言录-」第20卷封面公开
2022/03/21 日漫
Python安装使用Scrapy框架
2022/04/12 Python