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 相关文章推荐
css动画效果之animation的常用样式
Mar 09 HTML / CSS
全面解析CSS Media媒体查询使用操作(推荐)
Aug 15 HTML / CSS
H5 canvas中width、height和style的宽高区别详解
Nov 02 HTML / CSS
IE9下html5初试小刀
Sep 21 HTML / CSS
一个不错的HTML5 Canvas多层点击事件监听实例
Apr 29 HTML / CSS
html5使用canvas画一条线
Dec 15 HTML / CSS
HTML5中的进度条progress元素简介及兼容性处理
Jun 02 HTML / CSS
video.js支持m3u8格式直播的实现示例
May 20 HTML / CSS
一个基于canvas的移动端图片编辑器的实现
Oct 28 HTML / CSS
使用CSS实现一个搜索引擎的原理解析
Sep 25 HTML / CSS
CSS font-variation 可变字体的魅力(实例详解)
Mar 03 HTML / CSS
HTML5基础学习之文本标签控制
Mar 25 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在字符串中查找另一个字符串
2008/11/19 PHP
php中实现xml与mysql数据相互转换的方法
2014/12/25 PHP
PHP $O00OO0=urldecode &amp; eval 解密,记一次商业源码的去后门
2020/09/13 PHP
Javascript 获取链接(url)参数的方法[正则与截取字符串]
2010/02/09 Javascript
利用JQuery动画制作滑动菜单项效果实现步骤及代码
2013/02/07 Javascript
Egret引擎开发指南之创建项目
2014/09/03 Javascript
JavaScript实现的链表数据结构实例
2015/04/02 Javascript
vue按需引入element Transfer 穿梭框
2017/09/30 Javascript
swiper自定义分页器使用方法详解
2020/09/14 Javascript
vue中使用ueditor富文本编辑器
2018/02/08 Javascript
node.js自动上传ftp的脚本分享
2018/06/16 Javascript
老生常谈JS中的继承及实现代码
2018/07/06 Javascript
微信小程序实现登录注册tab切换效果
2020/12/29 Javascript
python使用in操作符时元组和数组的区别分析
2015/05/19 Python
Python3遍历目录树实现方法
2015/05/22 Python
python3中dict(字典)的使用方法示例
2017/03/22 Python
Python分治法定义与应用实例详解
2017/07/28 Python
python执行精确的小数计算方法
2019/01/21 Python
详解小白之KMP算法及python实现
2019/04/04 Python
使用 Python 写一个简易的抽奖程序
2019/12/08 Python
Python阶乘求和的代码详解
2020/02/14 Python
HTML5 文件上传下载的实例代码
2017/07/03 HTML / CSS
idealfit英国:世界领先的女性健身用品和运动衣物品牌
2017/11/25 全球购物
Europcar德国:全球汽车租赁领域的领导者
2018/08/15 全球购物
高中数学教师求职信
2013/10/30 职场文书
测绘工程系学生的自我评价
2013/11/30 职场文书
初三化学教学反思
2014/01/23 职场文书
机关道德讲堂实施方案
2014/03/15 职场文书
教师产假请假条
2014/04/10 职场文书
活动总结书
2014/05/08 职场文书
高中生逃课检讨书
2014/10/10 职场文书
会计电算化实训报告
2014/11/04 职场文书
个人创业事迹材料
2014/12/30 职场文书
《玩出了名堂》教学反思
2016/02/17 职场文书
Vue3 Composition API的使用简介
2021/03/29 Vue.js
微软PC Health Check电脑健康状况检查应用下载(Win11配置检测工具)
2021/06/26 数码科技