opencv畫直線，html5畫直線,小白學canvas-從0到1，畫直線

canvas意思是“畫布”，是使用js動態生成的，基于“位圖”，放大會失真，每次修改，都需要重新繪制。

SVG相當于“矢量圖”，是使用XML靜態描述的。

opencv畫直線。canvas坐標系

數學坐標系：y軸向上

W3C坐標系：y軸向下

html豎直線、繪制直線

body中定義畫布

canvas的寬度和高度要在HTML屬性中定義，默認寬度為300px，高度為150px。

html canvas 繪圖。script中先獲取ID，

然后使用getContext("2d")獲取canvas 2D上下文環境對象，

接下來定義直線的起始點moveTo()，終止點lineTo(),使用stroke()進行繪制，

html2canvas vue？如果要繼續繪制就接著寫lineTo()，默認起始點為上一段終止點。

HTML5 canvas暫時只提供2D繪圖API，所以getContext("2d") 中2d改為3d也不能實現3d繪圖，BUT！3D可用WebGL進行開發，HTML5中的黑科技。

//封裝

function $$(id){

return document.getElementById(id);

}

//提取

window.οnlοad=function(){

var cnv=$$("canvas");

var cxt=cnv.getContext("2d");

//繪制直線

cxt.moveTo(50,100);

cxt.lineTo(150,50);

cxt.lineTo(150,100);

cxt.stroke();

}

ヾ(?ﾟ▽ﾟ)ノ