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实现背景模糊的三种方式
Mar 09 HTML / CSS
CSS3 3D位移translate效果实例介绍
May 03 HTML / CSS
css3图片边框border-image的用法
Jun 30 HTML / CSS
举例详解CSS3中的Transition
Jul 15 HTML / CSS
html5时钟实现代码
Oct 22 HTML / CSS
HTML5中的autofocus(自动聚焦)属性介绍
Apr 23 HTML / CSS
用HTML5实现鼠标滚轮事件放大缩小图片的功能
Jun 25 HTML / CSS
浅谈Html5中视频 音频标签 进度条的问题
Jul 26 HTML / CSS
基于MUI框架使用HTML5实现的二维码扫描功能
Mar 01 HTML / CSS
html5给汉字加拼音加进度条的实现代码
Apr 07 HTML / CSS
HTML+css盒子模型案例(圆,半圆等)“border-radius” 简单易上手
May 10 HTML / CSS
html+css实现滚动到元素位置显示加载动画效果
Aug 02 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
PHP4和PHP5共存于一系统
2006/11/17 PHP
php magic_quotes_gpc的一点认识与分析
2008/08/18 PHP
PHP 服务器配置(使用Apache及IIS两种方法)
2009/06/01 PHP
php cli 小技巧
2013/06/03 PHP
通过chrome浏览器控制台(Console)进行PHP Debug的方法
2016/10/19 PHP
在html页面上拖放移动标签
2010/01/08 Javascript
Jquery截取中文字符串的实现代码
2010/12/22 Javascript
Javascript核心读书有感之词法结构
2015/02/01 Javascript
在Node.js应用中使用Redis的方法简介
2015/06/24 Javascript
浅谈javascript的Touch事件
2015/09/27 Javascript
JS实现鼠标滑过链接改变网页背景颜色的方法
2015/10/20 Javascript
微信小程序之小豆瓣图书实例
2016/11/30 Javascript
JavaScript之排序函数_动力节点Java学院整理
2017/06/30 Javascript
ES6中Array.copyWithin()函数的用法实例详解
2017/09/16 Javascript
vue中的router-view组件的使用教程
2018/10/23 Javascript
vue中使用better-scroll实现滑动效果及注意事项
2018/11/15 Javascript
vue改变对象或数组时的刷新机制的方法总结
2019/04/24 Javascript
开源一个微信小程序仪表盘组件过程解析
2019/07/30 Javascript
vue 关闭浏览器窗口的时候,清空localStorage的数据示例
2019/11/06 Javascript
JS实现iframe中子父页面跨域通讯的方法分析
2020/03/10 Javascript
详解vue修改elementUI的分页组件视图没更新问题
2020/11/13 Javascript
[01:19:54]DOTA2上海特级锦标赛主赛事日 - 2 败者组第二轮#1Alliance VS EHOME
2016/03/03 DOTA
Python中字典和JSON互转操作实例
2015/01/19 Python
centos 安装python3.6环境并配置虚拟环境的详细教程
2018/02/22 Python
python学生管理系统
2019/01/30 Python
多个python文件调用logging模块报错误
2020/02/12 Python
Python异常处理机制结构实例解析
2020/07/23 Python
香港个人化生活购物网站:Ballyhoo Limited
2016/09/10 全球购物
国外最大的眼镜网站:Coastal
2017/08/09 全球购物
阿根廷在线宠物商店:Puppis
2018/03/23 全球购物
美国购物网站:Clickhere2shop
2021/01/28 全球购物
应聘医学检验人员自荐信
2013/09/27 职场文书
2014年最新学习全国两会精神心得
2014/03/17 职场文书
中专生自荐信
2014/06/25 职场文书
2015年语文教师工作总结
2015/05/25 职场文书
mysql 索引的数据结构为什么要采用B+树
2022/04/26 MySQL