html5 Canvas绘制线条 closePath()实例代码


Posted in HTML / CSS onMay 10, 2012

核心代码:

复制代码
代码如下:

$(function(){
var can = $("#can").get(0);
var txi = can.getContext("2d");
txi.beginPath();
txi.moveTo(105,105);
txi.lineTo(105,45);
txi.lineTo(45,105);
txi.closePath();
txi.stroke();
txi.beginPath();
txi.moveTo(25,25);
txi.lineTo(100,25);
txi.lineTo(25,100);
txi.stroke();
})
复制代码
代码如下:

<canvas id="can" width="170" height="170"></canvas>

closePath();将路径闭合
下图是一个用了,闭合,一个没有用:

html5 Canvas绘制线条 closePath()实例代码

HTML / CSS 相关文章推荐
细说CSS3中的选择符
Oct 17 HTML / CSS
css3中检验表单的required,focus,valid和invalid样式
Feb 21 HTML / CSS
纯CSS3实现的8种Loading动画效果
Jul 05 HTML / CSS
基于CSS3实现的黑色个性导航菜单效果
Sep 14 HTML / CSS
CSS3 Calc实现滚动条出现页面不跳动问题
Sep 14 HTML / CSS
css3实现椭圆轨迹旋转的示例代码
Oct 29 HTML / CSS
css3 实现元素弧线运动的示例代码
Apr 24 HTML / CSS
HTML+CSS3+JS 实现的下拉菜单
Nov 25 HTML / CSS
html5的localstorage详解
May 09 HTML / CSS
html5 Canvas实现图片旋转的示例
Jan 15 HTML / CSS
用position:sticky完美解决小程序吸顶问题的实现方法
Apr 24 HTML / CSS
浅谈由position属性引申的css进阶讨论
May 25 HTML / CSS
关于 HTML5 的七个传说小结
Apr 12 #HTML / CSS
Html5新标签解释及用法
Feb 17 #HTML / CSS
html5 canvas 简单画板实现代码
Jan 05 #HTML / CSS
整理的15个非常有用的 HTML5 开发教程和速查手册
Oct 18 #HTML / CSS
HTML5 实战PHP之Web页面表单设计
Oct 09 #HTML / CSS
HTML5标签小集
Aug 02 #HTML / CSS
HTML5的革新 结构之美
Jun 20 #HTML / CSS
You might like
全国FM电台频率大全 - 2 天津市
2020/03/11 无线电
Windows下的PHP5.0安装配制详解
2006/09/05 PHP
PHP ADODB实现事务处理功能示例
2018/05/25 PHP
浅析PHP中的 inet_pton 网络函数
2019/12/16 PHP
IE8 下的Js错误HTML Parsing Error...
2009/08/14 Javascript
js 禁止选择功能实现代码(兼容IE/Firefox)
2010/04/23 Javascript
Extjs gridpanel 出现横向滚动条问题的解决方法
2011/07/04 Javascript
Jquery阻止事件冒泡 event.stopPropagation
2011/12/11 Javascript
整理AngularJS中的一些常用指令
2015/06/16 Javascript
JavaScript性能优化之小知识总结
2015/11/20 Javascript
Node.js静态文件服务器改进版
2016/01/10 Javascript
全面了解构造函数继承关键apply call
2016/07/26 Javascript
基于JavaScript实现添加到购物车效果附源码下载
2016/08/22 Javascript
详解React 16 中的异常处理
2017/07/28 Javascript
解决angular双向绑定无效果,ng-model不能正常显示的问题
2018/10/02 Javascript
jQuery设置下拉框显示与隐藏效果的方法分析
2019/09/15 jQuery
Vue的双向数据绑定实现原理解析
2020/02/17 Javascript
JS访问对象两种方式区别解析
2020/08/29 Javascript
[02:58]魔廷新尊——痛苦女王至宝语音台词节选
2020/06/14 DOTA
Python中使用urllib2防止302跳转的代码例子
2014/07/07 Python
Python创建文件和追加文件内容实例
2014/10/21 Python
python回溯法实现数组全排列输出实例分析
2015/03/17 Python
python素数筛选法浅析
2018/03/19 Python
Python 修改列表中的元素方法
2018/06/26 Python
对Python3.6 IDLE常用快捷键介绍
2018/07/16 Python
Pycharm之快速定位到某行快捷键的方法
2019/01/20 Python
python两个_多个字典合并相加的实例代码
2019/12/26 Python
如何用Python绘制3D柱形图
2020/09/16 Python
机电专业大学生求职信
2013/10/04 职场文书
开办大学饮食联盟创业计划书
2014/01/29 职场文书
推普周国旗下讲话稿
2014/09/21 职场文书
学习十八届四中全会精神思想汇报
2014/10/23 职场文书
2015年度保密工作总结
2015/04/24 职场文书
公司宣传语大全
2015/07/13 职场文书
告诉你创业计划书的8个实用技巧
2019/07/12 职场文书
mysql事务隔离级别详情
2021/10/24 MySQL