介绍函数画直线(){
cxt。函数(50,50);
cxt。画线(100、100);
} 函数画直线(){
cxt。函数(50,50);
cxt。画线(200、200);
cxt.stroke ();
} 函数画直线(){
cxt。画线(50,50);
cxt。画线(200、200);
cxt.stroke ();
} <李> 函数=14;
cxt。画线(50,50);
cxt。画线(200、200);
cxt.stroke ();
} 函数画直线(){
cxt。线宽=14;
cxt。strokeStyle=& # 39;绿色# 39;;
cxt。画线(50,50);
cxt。画线(200、200);
cxt.stroke ();
} 函数画直线(){
cxt。线宽=14;var=cxt梯度。createLinearGradient(0, 0,画布。宽/2,canvas.height/2);
梯度。addColorStop(0, & # 39;蓝# 39;);
gradient.addColorStop(0.5, & # 39;紫色# 39;);
梯度。addColorStop(& # 39;黄色# 39;);
cxt。strokeStyle=梯度;
cxt。画线(50,50);
cxt。画线(200、200);
cxt.stroke ();
} <李> 函数画直线(){
cxt。strokeStyle=& # 39;绿色# 39;;
cxt。线宽=2;
cxt。函数(50,50);
cxt。画线(150);
cxt。画线(150、150);
cxt.stroke ();
} cxt。strokeStyle=& # 39;绿色# 39;=250,5050,150150,150150,250 cxt.closePath (); } 函数画直线(){//描边三角形cxt。strokeStyle=& # 39;绿色# 39;;
cxt。线宽=2;
cxt.beginPath ();
cxt。函数(50,50);
cxt。画线(150);
cxt。画线(150、150);
cxt.closePath ();
cxt.stroke();//折线cxt。翻译(150 0);
cxt。strokeStyle=& # 39;红色# 39;;
cxt。线宽=2;
cxt.beginPath ();
cxt。函数(50,50);
cxt。画线(150);
cxt。画线(150、150);
cxt.stroke ();
cxt.closePath();//绿色填充三角形cxt。翻译(150 0);
cxt。fillStyle=& # 39;绿色# 39;;
cxt。线宽=2;
cxt.beginPath ();
cxt。函数(50,50);
cxt。画线(150);
cxt。画线(150、150);
cxt.fill ();
cxt.closePath();//红色填充三角形cxt。翻译(150 0);
cxt。fillStyle=& # 39;红色# 39;;
cxt。线宽=2;
cxt.beginPath ();
cxt。函数(50,50);
cxt。画线(150);
cxt。画线(150、150);
cxt.closePath ();
cxt.fill ();
} 函数画直线(){//描边三角形cxt。线宽=1;
cxt.beginPath ();
cxt。函数(50,50);
cxt。画线(450年,50);
cxt.stroke ();
cxt.beginPath ();
cxt.moveTo (50.5, 150.5);
cxt.lineTo (450.5, 150.5);
cxt.stroke ();
} 函数画直线(stepx stepy) {
cxt。线宽=0.5;
cxt。strokeStyle=& # 39;绿色# 39;;//绘制竖线对(var=stepx + 0.5;i
这篇文章主要介绍了画布怎么绘制路径-线段,具有一定借鉴价值,需要的朋友可以参考下。希望大家阅读完这篇文章后大有收获。下面让小编带着大家一起了解一下。
<强>
<李>
<强>
<强>
<李>
<强>
<强>
