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实现粒子旋转伸缩加载动画
Apr 22 HTML / CSS
一款纯css3实现的鼠标经过按钮特效教程
Nov 09 HTML / CSS
CSS3 RGBA色彩模式使用实例讲解
Apr 26 HTML / CSS
css3进阶之less实现星空动画的示例代码
Sep 10 HTML / CSS
HTML5中如何显示视频呢 HTML5视频播放demo
Jun 08 HTML / CSS
html5 音乐播放器 audio 标签使用概述
Jul 15 HTML / CSS
HTML5实现一个能够移动的小坦克示例代码
Sep 02 HTML / CSS
HTML5本地存储之Web Storage详解
Jul 04 HTML / CSS
详解HTML5中表单验证的8种方法介绍
Dec 19 HTML / CSS
使用SVG实现提示框功能的示例代码
Jun 05 HTML / CSS
AmazeUI 单选框和多选框的实现示例
Aug 18 HTML / CSS
html+css实现分层金字塔的实例
Jun 02 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
JS中encodeURIComponent函数用php解码的代码
2012/03/01 PHP
处理单名多值表单的详解
2013/06/08 PHP
改写函数实现PHP二维/三维数组转字符串
2013/09/13 PHP
php生成随机数的三种方法
2014/09/10 PHP
ThinkPHP分页实例
2014/10/15 PHP
php使用gzip压缩传输js和css文件的方法
2015/07/29 PHP
PHP实现导出excel数据的类库用法示例
2016/10/15 PHP
利用PHP实现开心消消乐的算法示例
2017/10/12 PHP
Laravel框架控制器,视图及模型操作图文详解
2019/12/04 PHP
PHP实现简单的协程任务调度demo示例
2020/02/01 PHP
细说浏览器特性检测(2)-通用事件检测
2010/11/05 Javascript
event对象获取方法总结在google浏览器下测试
2013/11/03 Javascript
jQuery使用hide方法隐藏元素自身用法实例
2015/03/30 Javascript
JavaScript中的Math.atan2()方法使用详解
2015/06/15 Javascript
微信小程序 icon组件详细及实例代码
2016/10/25 Javascript
详解Nodejs之npm&amp;package.json
2017/06/15 NodeJs
vue.js实现格式化时间并每秒更新显示功能示例
2018/07/07 Javascript
js实现旋转的星空效果
2019/11/01 Javascript
基于Element的组件改造的树形选择器(树形下拉框)
2020/02/27 Javascript
详解如何在vue+element-ui的项目中封装dialog组件
2020/12/11 Vue.js
[03:09]显微镜下的DOTA2第一期——带你走进华丽的DOTA2世界
2014/06/20 DOTA
[05:23]DOTA2-DPC中国联赛2月1日Recap集锦
2021/03/11 DOTA
Python函数装饰器常见使用方法实例详解
2019/03/30 Python
解决Django中多条件查询的问题
2019/07/18 Python
Python @property装饰器原理解析
2020/01/22 Python
容易被忽略的Python内置类型
2020/09/03 Python
如何使用css3实现一个类在线直播的队列动画的示例代码
2020/06/17 HTML / CSS
基于CSS3的animation属性实现微信拍一拍动画效果
2020/06/22 HTML / CSS
Chemist Warehouse官方海外旗舰店:澳洲第一连锁大药房
2017/08/25 全球购物
法国在线购买汽车轮胎网站:123pneus.fr
2019/02/25 全球购物
汽车销售员如何做职业生涯规划
2014/02/16 职场文书
保护环境建议书300字
2014/05/13 职场文书
四风对照检查材料思想汇报
2014/09/20 职场文书
雷锋的观后感
2015/06/10 职场文书
详解Nginx启动失败的几种错误处理
2021/04/01 Servers
go xorm框架的使用
2021/05/22 Golang