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 伪类选择器 nth-child()说明
Jul 10 HTML / CSS
css3实现input输入框颜色渐变发光效果代码
Apr 02 HTML / CSS
CSS3让登陆面板3D旋转起来
May 03 HTML / CSS
css3实现背景动态渐变效果
Dec 10 HTML / CSS
基于ccs3的timeline时间线实现方法
Apr 30 HTML / CSS
HTML5 对各个标签的定义与规定:body的介绍
Jun 21 HTML / CSS
HTML5中实现拖放效果无须借助javascript
Dec 26 HTML / CSS
HTML5之SVG 2D入门10—滤镜的定义及使用
Jan 30 HTML / CSS
HTML5学习心得总结(推荐)
Jul 08 HTML / CSS
详解Canvas实用库Fabric.js使用手册
Jan 07 HTML / CSS
HTML5 video进入全屏和退出全屏的实现方法
Jul 28 HTML / CSS
CSS巧用渐变实现高级感背景光动画
Dec 06 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代码优化及php相关问题总结
2006/10/09 PHP
Laravel关联模型中过滤结果为空的结果集(has和with区别)
2018/10/18 PHP
laravel框架数据库操作、查询构建器、Eloquent ORM操作实例分析
2019/12/20 PHP
Extjs Ext.MessageBox.confirm 确认对话框详解
2010/04/02 Javascript
javascript中String类的subString()方法和slice()方法
2011/05/24 Javascript
javascript测试题练习代码
2012/10/10 Javascript
KnockoutJS 3.X API 第四章之数据控制流component绑定
2016/10/10 Javascript
js,jq,css多方面实现简易下拉菜单功能
2017/05/13 Javascript
JS中使用gulp实现压缩文件及浏览器热加载功能
2017/07/12 Javascript
JavaScript常用数学函数用法示例
2018/05/14 Javascript
jQuery解析json格式数据示例
2018/09/01 jQuery
微信小程序实现多选框功能的实例代码
2020/06/24 Javascript
Vue 电商后台管理项目阶段性总结(推荐)
2020/08/22 Javascript
vue-cli3自动消除console.log()的调试信息方式
2020/10/21 Javascript
JavaScript实现复选框全选和取消全选
2020/11/20 Javascript
[48:31]完美世界DOTA2联赛PWL S3 DLG vs Phoenix 第二场 12.17
2020/12/19 DOTA
Python httplib模块使用实例
2015/04/11 Python
深入讲解Python中的迭代器和生成器
2015/10/26 Python
Pycharm学习教程(5) Python快捷键相关设置
2017/05/03 Python
python Web开发你要理解的WSGI &amp; uwsgi详解
2018/08/01 Python
python中cPickle类使用方法详解
2018/08/27 Python
python实现12306登录并保存cookie的方法示例
2019/12/17 Python
python微信公众号开发简单流程实现
2020/03/09 Python
matplotlib 范围选区(SpanSelector)的使用
2021/02/24 Python
CSS3 3D制作实战案例分析
2016/09/18 HTML / CSS
html5实现滑块功能之type=&quot;range&quot;属性
2020/02/18 HTML / CSS
设计顾问服务计划书
2014/05/04 职场文书
员工安全生产责任书
2014/07/22 职场文书
乡村教师党员四风问题对照检查材料思想汇报
2014/10/08 职场文书
交通运输局四风问题对照检查材料思想汇报
2014/10/09 职场文书
廉洁自律承诺书范文
2015/04/28 职场文书
美丽心灵观后感
2015/06/01 职场文书
2016银行求职自荐信
2016/01/28 职场文书
《山中访友》教学反思
2016/02/24 职场文书
爱心捐款倡议书:点燃希望,传递温暖
2019/11/04 职场文书
能让Python提速超40倍的神器Cython详解
2021/06/24 Python