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...