如何將圖形（線條）的座標或位置放入畫布中？

我有一個畫布，其中包括一個數字（例如表格）。我怎樣才能得到一個線的座標到這個表中？或表格第一行的x座標和y座標？如何將圖形（線條）的座標或位置放入畫布中？

_________________________ <- this line 
|       | 
_________________________ 
|       | 
_________________________

例如：http://jsfiddle.net/trouble/CVjwj/

感謝

來源

2012-03-03 trouble

這個問題缺乏細節。如何繪製你的

@MikkoOhtamaa http://jsfiddle.net/trouble/CVjwj/ – trouble 2012-03-27 14:50:25

仍然不清楚你的問題是你已經將表格頂部的x和y座標設置爲從（20,20）到（20,100） – jing3142 2012-04-19 16:07:40

到瀏覽器，一旦事情是在畫布上繪製，該瀏覽器有儘可能多的信息，如果它是一個<img>標籤。瀏覽器不會像使用CSS邊框或SVG元素一樣瞭解線條。你將不得不使用圖像識別的概念來找到我不推薦的邊框。

傳達畫布信息的正確方法以及最少讓您頭疼的方法是向程序員提供畫布和細節。就像，「這是一張畫布，我畫了線，在這裏，在這裏和這裏。」

例如，你可以有一個JavaScript對象：

var table = { 
    canvas: myCanvasElement, 
    rows: [ 
     { 
      cells: [ 
       { 
        x: 25, 
        y: 25 
        w: 100 
        h: 50 
       } 
      ] 
     } 
    ] 
};

理想情況下，你會因爲你是在畫布上繪製生成這個對象。如果你想這樣做艱難地

，技術上可以一次讀取一個像素並評估如果是黑色或白色（假設你沒有模糊的線），但你的程序員仍然需要知道從哪裏開始檢查。這在計算上更昂貴，更難以編程，並且如果您決定對繪圖進行更改，則會更脆弱。 將畫布視爲輸出，而不是輸入。

來源

2012-07-05 19:20:32

如何將圖形（線條）的座標或位置放入畫布中？

回答

相關問題