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轻松实现清新 Loading 效果的简单实例
Jun 06 HTML / CSS
一款纯css3制作的2015年元旦雪人动画特效教程
Dec 29 HTML / CSS
CSS3中currentColor关键字的妙用
Feb 27 HTML / CSS
实例讲解CSS3中Transform的perspective属性的用法
Apr 22 HTML / CSS
利用纯CSS3实现动态的自行车特效源码
Jan 20 HTML / CSS
html5开发之viewport使用
Oct 17 HTML / CSS
极简的HTML5模版
Jul 09 HTML / CSS
Web时代变迁及html5与html4的区别
Jan 06 HTML / CSS
基于HTML5+Webkit实现树叶飘落动画
Dec 28 HTML / CSS
HTML5拍照和摄像机功能实战详解
Jan 24 HTML / CSS
HTML5实现移动端弹幕动画效果
Aug 01 HTML / CSS
AmazeUI 单选框和多选框的实现示例
Aug 18 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中include()与require()的区别说明
2017/02/14 PHP
浅谈PHP中new self()和new static()的区别
2017/08/11 PHP
PHP中OpenSSL加密问题整理
2017/12/14 PHP
php使用mysqli和pdo扩展,测试对比mysql数据库的执行效率完整示例
2019/05/09 PHP
PHP const定义常量及global定义全局常量实例解析
2020/05/28 PHP
jQuery 使用个人心得
2009/02/26 Javascript
精通JavaScript 纠正 cleanWhitespace函数
2010/03/11 Javascript
简洁Ajax函数处理(示例代码)
2013/11/15 Javascript
Javascript中克隆一个数组的实现代码
2013/12/06 Javascript
node.js中的fs.linkSync方法使用说明
2014/12/15 Javascript
javascript使用appendChild追加节点实例
2015/01/12 Javascript
jquery操作select方法汇总
2015/02/05 Javascript
yui3的AOP(面向切面编程)和OOP(面向对象编程)
2015/05/01 Javascript
使用prop解决一个checkbox选中后再次选中失效的问题
2017/07/05 Javascript
深入理解ES6学习笔记之块级作用域绑定
2017/08/19 Javascript
Vue 实现展开折叠效果的示例代码
2018/08/27 Javascript
Vue表单控件数据绑定方法详解
2020/02/05 Javascript
微信小程序个人中心的列表控件实现代码
2020/04/26 Javascript
Python实现批量下载图片的方法
2015/07/08 Python
Python基于递归算法实现的走迷宫问题
2017/08/04 Python
python3.5 email实现发送邮件功能
2018/05/22 Python
python框架中flask知识点总结
2018/08/17 Python
Django如何简单快速实现PUT、DELETE方法
2019/07/24 Python
基于Django实现日志记录报错信息
2019/12/17 Python
纯CSS3实现地球自转实现代码(图文教程附送源码)
2012/12/26 HTML / CSS
经典c++面试题六
2012/01/18 面试题
J2EE相关知识面试题
2013/08/26 面试题
大学生军训自我评价分享
2013/11/09 职场文书
传媒专业推荐信范文
2013/11/23 职场文书
校园自助餐厅的创业计划书
2013/12/26 职场文书
大堂副理的岗位职责范文
2014/02/17 职场文书
《藤野先生》教学反思
2014/02/19 职场文书
小露珠教学反思
2014/04/30 职场文书
大学生操行评语大全
2014/12/31 职场文书
教师师德表现自我评价
2015/03/05 职场文书
Golang MatrixOne使用介绍和汇编语法
2022/04/19 Golang