画布Canvas的使用方法

 　　今天来个画布的讲解，对于画布你们了解多少呢。

　　Canvas他是使用 JavaScript 来绘制图像的，canvas 元素本身是没有绘图能力的。所有的绘制工作必须在 JavaScript 内部完成。

　　在画布的流程中大致是这样：

　　1、’先获取画布canvas；

　　2、创建2d画布；

　　3、开始       　　 X.beginPath();　

　　4、开始坐标        X.moveTo(X,Y);

　　5、结束坐标　　X.lineTo(X,Y)

　　4、过渡　　　　X.stroke();

　　5、结束　　　　X.closePath();

首先来个简单的表格的制作：

 1 
 2 
 3 "en">
 4     "UTF-8">
 5     
 6 
 7 
 8 "ca" width="300px" height="300px" style="width:300px;height:300px;border: 1px solid black">
 9 
46 
47 

再看看我画的太极吧：

"en">
    "UTF-8">
    


"300px" height="300px" style="border: 1px solid">

 

转载于:https://www.cnblogs.com/yhyanjin/p/7100885.html