欢迎光临杨雨的个人博客站!

杨雨个人网站-杨雨个人博客-杨照佳

杨雨个人博客网站

关注互联网和搜索引擎的个人博客网站

首页 > WEB开发 > html5案例分享 >

Html5行使canvas画一条线

发布时间:2016-12-05  编辑:杨雨个人博客网站   点击:   

代码太简朴了,就不空话了



代码如下:
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画一条线

本文地址:http://itbyc.com/web/html5/14750.html
转载请注明出处。
分享是一种快乐,也是一种美德:
博客首页 | WEB开发 | 网站运营 | CMS使用教程 滇ICP备14002061号-1