html5使用canvas画一条线


Posted in HTML / CSS onDecember 15, 2014

代码太简单了,就不废话了

复制代码
代码如下:

var canvas=document.getElementById("canvas");
//设置绘图环境
var cxt=canvas.getContext('2d');
//开启新路近
cxt.beginPath();
// 设置笔触的宽度
cxt.lineWidth=10;
//设置笔触的颜色
cxt.strokeStyle="#00ff00";
//设定笔触的位置
cxt.moveTo(20,20);
//设置移动的位置
cxt.lineTo(100,20);
//画线
cxt.stroke();//这个时候的线已经出来了
//关闭路径
cxt.closePath();
//凡事路径图形必须先开始路径,画完之后必须结束路径

html5使用canvas画一条线

HTML / CSS 相关文章推荐
利用css3制作3D样式按钮实现代码
Mar 18 HTML / CSS
css3 2D图片转动样式可以扩充到Js当中
Apr 29 HTML / CSS
CSS3常用的几种颜色渐变模式总结
Nov 18 HTML / CSS
利用CSS3 动画 绘画 圆形动态时钟
Mar 20 HTML / CSS
详解rem 适配布局
Oct 31 HTML / CSS
html5 Web SQL Database 之事务处理函数transaction与executeSQL解析
Nov 07 HTML / CSS
HTML5 canvas实现移动端上传头像拖拽裁剪效果
Mar 14 HTML / CSS
LocalStorage记住用户和密码功能
Jul 24 HTML / CSS
基于canvas使用贝塞尔曲线平滑拟合折线段的方法
Jan 10 HTML / CSS
html5默认气泡修改的代码详解
Mar 13 HTML / CSS
新的CSS 伪类函数 :is() 和 :where()示例详解
Aug 05 HTML / CSS
CSS 实现磨砂玻璃(毛玻璃)效果样式
May 21 HTML / CSS
html5绘制时钟动画
Dec 15 #HTML / CSS
html5的canvas方法使用指南
Dec 15 #HTML / CSS
html5各种页面切换效果和模态对话框用法总结
Dec 15 #HTML / CSS
2014年圣诞节倒计时网页的制作过程
Dec 05 #HTML / CSS
一款利用html5和css3动画排列人物头像的实例演示
Dec 05 #HTML / CSS
HTML5中drawImage用法分析
Dec 01 #HTML / CSS
html5+css3气泡组件的实现
Nov 21 #HTML / CSS
You might like
漫荒推荐:画风超赞的国风漫画推荐 超长假期不无聊
2020/03/08 国漫
php中常用编辑器推荐
2007/01/02 PHP
使用PHP备份MySQL和网站发送到邮箱实例代码
2013/11/28 PHP
php+curl 发送图片处理代码分享
2015/07/09 PHP
CI框架实现cookie登陆的方法详解
2016/05/18 PHP
php通过文件头判断格式的方法
2016/05/28 PHP
js 设置选中行的样式的实现代码
2010/05/24 Javascript
json格式化/压缩工具 Chrome插件扩展版
2010/05/25 Javascript
如何让easyui gridview 宽度自适应窗口改变及fitColumns应用
2013/01/25 Javascript
checkbox使用示例
2013/08/23 Javascript
js判断选择时间不能小于当前时间的示例代码
2013/09/24 Javascript
jquery分页插件jquery.pagination.js实现无刷新分页
2016/04/01 Javascript
利用jQuery实现CheckBox全选/全不选/反选的简单代码
2016/05/31 Javascript
使用plupload自定义参数实现多文件上传
2016/07/19 Javascript
浅谈vue中慎用style的scoped属性
2017/11/28 Javascript
关于js陀螺仪的理解分析
2019/04/11 Javascript
vue中axios实现数据交互与跨域问题
2019/05/12 Javascript
[05:08]DOTA2-DPC中国联赛3月6日Recap集锦
2021/03/11 DOTA
Python Tkinter简单布局实例教程
2014/09/03 Python
详解Python发送邮件实例
2016/01/10 Python
Python中查看文件名和文件路径
2017/03/31 Python
Python3计算三角形的面积代码
2017/12/18 Python
Python实现求两个数组交集的方法示例
2019/02/23 Python
python初学者,用python实现基本的学生管理系统(python3)代码实例
2019/04/10 Python
使用Python控制摄像头拍照并发邮件
2019/04/23 Python
PyCharm2020.1.2社区版安装,配置及使用教程详解(Windows)
2020/08/07 Python
Tommy Hilfiger美国官网:美国高端休闲领导品牌
2019/01/14 全球购物
大学生军训广播稿
2014/01/24 职场文书
幼儿园毕业家长感言
2014/02/10 职场文书
家长建议怎么写
2014/05/15 职场文书
大学生党员承诺书
2014/05/20 职场文书
学校师德承诺书
2014/05/23 职场文书
小学学校评估方案
2014/06/08 职场文书
机械设计及其自动化专业求职信
2014/06/09 职场文书
放飞梦想演讲稿200字
2014/08/26 职场文书
为什么不建议在go项目中使用init()
2021/04/12 Golang