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 相关文章推荐
HTML+CSS3 模仿Windows7 桌面效果
Jun 17 HTML / CSS
css3 2D图片转动样式可以扩充到Js当中
Apr 29 HTML / CSS
纯CSS3实现圆角效果(含IE兼容解决方法)
May 07 HTML / CSS
前端隐藏出边界内容的实现方法
Apr 14 HTML / CSS
详解CSS3浏览器兼容
Dec 14 HTML / CSS
css3 pointer-events 介绍详解
Sep 18 HTML / CSS
5个你不知道的HTML5的接口介绍
Aug 07 HTML / CSS
html5图片上传预览示例分享
Apr 14 HTML / CSS
基于HTML5的WebGL实现json和echarts图表展现在同一个界面
Oct 26 HTML / CSS
使用canvas一步步实现图片打码功能的方法
Jun 17 HTML / CSS
html5关于外链嵌入页面通信问题(postMessage解决跨域通信)
Jul 20 HTML / CSS
用CSS3画一个爱心
Apr 27 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中实现图片的锐化
2006/10/09 PHP
PHP4实际应用经验篇(1)
2006/10/09 PHP
完美的2个php检测字符串是否是utf-8编码函数分享
2014/07/28 PHP
跟我学Laravel之请求与输入
2014/10/15 PHP
关于PHP开发的9条建议
2015/07/27 PHP
PHP入门教程之图像处理技巧分析
2016/09/11 PHP
yii2中dropDownList实现二级和三级联动写法
2017/04/26 PHP
基于Jquery实现的一个图片滚动切换
2012/06/21 Javascript
jquery实现的美女拼图游戏实例
2015/05/04 Javascript
jquery实现点击label的同时触发文本框点击事件的方法
2015/06/05 Javascript
bootstrap动态添加面包屑(breadcrumb)及其响应事件的方法
2017/05/25 Javascript
使用Webpack提高Vue.js应用的方式汇总(四种)
2017/07/10 Javascript
详解前端路由实现与react-router使用姿势
2017/08/07 Javascript
jQuery实现全选、反选和不选功能
2017/08/16 jQuery
JQuery判断正整数整理小结
2017/08/21 jQuery
使用nvm管理不同版本的node与npm的方法
2017/10/31 Javascript
JavaScript正则表达式函数总结(常用)
2018/02/22 Javascript
JS匿名函数和匿名自执行函数概念与用法分析
2018/03/16 Javascript
[06:24]DOTA2 2015国际邀请赛中国区预选赛第二日TOP10
2015/05/27 DOTA
python利用beautifulSoup实现爬虫
2014/09/29 Python
Django框架中方法的访问和查找
2015/07/15 Python
Python实现模拟登录网易邮箱的方法示例
2018/07/05 Python
Python爬虫抓取技术的一些经验
2019/07/12 Python
python3 实现的对象与json相互转换操作示例
2019/08/17 Python
如何用Python 实现全连接神经网络(Multi-layer Perceptron)
2020/10/15 Python
Python字节单位转换(将字节转换为K M G T)
2021/03/02 Python
值得收藏的HTML5资源(学习html5的朋友可以收藏下)
2010/07/20 HTML / CSS
UGG澳洲官网:UGG Australia
2018/04/26 全球购物
如何查看在weblogic中已经发布的EJB
2012/06/01 面试题
银行领导证婚词
2014/01/11 职场文书
家长建议怎么写
2014/05/15 职场文书
西岭雪山导游词
2015/02/06 职场文书
西部计划志愿者工作总结
2015/08/11 职场文书
培训心得体会怎么写
2016/01/25 职场文书
python通过opencv调用摄像头操作实例分析
2021/06/07 Python
Win10玩csgo闪退如何解决?Win10玩csgo闪退的解决方法
2022/07/23 数码科技