canvas直線 圓和正方形的畫法

var oca=document.getelementbyid('canvas');

var oev=oca.getcontext('2d');//設定繪圖環境

var w=oca.width=window.innerwidth;

var h=oca.height=window.innerheight;

//直線畫法

oev.beginpath();//開的路徑

oev.moveto(100,100);//將觸筆移動到這個位置

oev.lineto(300,300);//繪製到哪個點座標

oev.strokestyle='red';

oev.linewidth=14;

oev.closepath();//閉合路徑

oev.stroke();//呼叫觸筆方法(canvas)

//圓的畫法        

oev.beginpath();//畫圓

oev.arc(300,300,200,0,2*math.pi,false);

oev.strokestyle='green';

oev.closepath();

oev.stroke();

//正方體的畫法

oev.beginpath();

oev.fillstyle='pink';

oev.fillrect(300,300,350,350);

oev.closepath();

oev.stroke();

canvas 畫正方形和圓形

繪製正方形 繪製正方形 獲取canvas標籤 varcs document.queryselector canvas 獲取canvas繪圖上下文 canvas繪圖的相關api varctx cs.getcontext 2d 繪圖 01 移動畫筆moveto x,y 座標 ctx.moveto 100...

直線平分正方形

題目描述 在二維平面上，有兩個正方形，請找出一條直線，能夠將這兩個正方形對半分。假定正方形的上下兩條邊與x軸平行。給定兩個vecotra和b，分別為兩個正方形的四個頂點。請返回乙個vector，代表所求的平分直線的斜率和截距，保證斜率存在。測試樣例 0,0 0,1 1,1 1,0 1,0 1,1 2...

畫正方形image

剪下為正方形 param image 原始比如size大小為 400x200 pixels param newsize 正方形的size比如400pixels return 返回正方形 400x400 pixels uiimage squareimagefromimage uiimage image...