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实现地球自转实现代码(图文教程附送源码)
Dec 26 HTML / CSS
纯CSS3编写的的精美动画进度条(无flash/无图像/无脚本/附源码)
Jan 07 HTML / CSS
纯CSS3实现手风琴风格菜单具体步骤
May 06 HTML / CSS
css3设置box-pack和box-align让div里面的元素垂直居中
Sep 01 HTML / CSS
CSS中越界问题的经典解决方案【推荐】
Apr 19 HTML / CSS
css3媒体查询中device-width和width的区别详解
Mar 27 HTML / CSS
html5中如何将图片的绝对路径转换成文件对象
Jan 11 HTML / CSS
Html5实现用户注册自动校验功能实例代码
May 24 HTML / CSS
a标签下载链接的简单实现
Sep 13 HTML / CSS
html5将图片转换成base64的实例代码
Sep 21 HTML / CSS
HTML5地理定位_动力节点Java学院整理
Jul 12 HTML / CSS
html5 横向滑动导航栏的方法示例
May 08 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
将PHP作为Shell脚本语言使用
2006/10/09 PHP
PHP 网页过期时间的控制代码
2009/06/29 PHP
PHP精确计算功能示例
2016/11/29 PHP
asp函数split()对应php函数explode()
2019/02/27 PHP
node.js连接mongoDB数据库 快速搭建自己的web服务
2016/04/17 Javascript
Avalonjs 实现简单购物车功能(实例代码)
2017/02/07 Javascript
详解用webpack把我们的业务模块分开打包的方法
2017/07/20 Javascript
基于JSONP原理解析(推荐)
2017/12/04 Javascript
JS实现模糊查询带下拉匹配效果
2018/06/21 Javascript
nuxt.js 缓存实践
2018/06/25 Javascript
js调用设备摄像头的方法
2018/07/19 Javascript
小程序:授权、登录、session_key、unionId的详解
2019/05/15 Javascript
vue实现户籍管理系统
2020/05/29 Javascript
微信小程序实现倒计时功能
2020/11/19 Javascript
[38:51]2014 DOTA2国际邀请赛中国区预选赛 Orenda VS LGD-CDEC
2014/05/22 DOTA
[00:47]TI7不朽珍藏III——沙王不朽展示
2017/07/15 DOTA
[44:50]2018DOTA2亚洲邀请赛 4.1 小组赛 A组 TNC vs VG
2018/04/02 DOTA
python实现简单爬虫功能的示例
2016/10/24 Python
[原创]python爬虫(入门教程、视频教程)
2018/01/08 Python
python机器学习理论与实战(一)K近邻法
2021/01/28 Python
python3.5 email实现发送邮件功能
2018/05/22 Python
python实现扫描局域网指定网段ip的方法
2019/04/16 Python
python中 * 的用法详解
2019/07/10 Python
使用python分析统计自己微信朋友的信息
2019/07/19 Python
对Django中内置的User模型实例详解
2019/08/16 Python
Python调用scp向服务器上传文件示例
2019/12/22 Python
python time.strptime格式化实例详解
2021/02/03 Python
CSS3 不定高宽垂直水平居中的几种方式
2020/03/26 HTML / CSS
html5如何在Canvas中实现自定义路径动画示例
2017/09/18 HTML / CSS
电脑教师的自我评价
2013/12/18 职场文书
思想品德课教学反思
2014/02/10 职场文书
艺术学院毕业生自我评价
2014/03/02 职场文书
营销与策划专业求职信
2014/06/20 职场文书
大学运动会加油稿200字(5篇)
2014/09/27 职场文书
python学习之panda数据分析核心支持库
2021/05/07 Python
Redis实现订单自动过期功能的示例代码
2021/05/08 Redis