訪問html5畫布對象

我有一個KineticJs項目，我用一個循環創建幾個矩形。我沒有給他們任何類型的PII。但使用拖動組件，我可以單獨拖動它們。在canvas背後發生了什麼，我們無法看到開發人員工具中的任何東西。我希望能夠看到正在發生的事情，比如我在屏幕上顯示的所有內容的x和y座標。訪問html5畫布對象

<canvas width="1578" style="width: 1578px; height: 1200px; position: absolute;" height="1200"></canvas>

這就是在具有10個矩形的畫布的開發人員工具中顯示的全部內容。

2012-12-27 mike628

畫布只是一個位圖繪製表面。就像MS Paint（或現實生活中的油漆畫布）一樣，繪圖表面也沒有記錄您繪製的東西。它所能做的就是告訴你當前的像素。

KineticJS或者你需要跟蹤你想記住的每個相關對象。

在KineticJS中，您有一個具有圖層的舞臺對象，並且這些圖層具有圖形組和圖形。

您有興趣獲得給定圖層中的所有形狀。

您需要在KineticJS教程和文檔中查找。

你應該在繼續前閱讀這些：

2012-12-27 21:53:30

A <canvas>不保留對其上繪製的「形狀」的引用。它實際上只是一個繪圖表面，所以它由腳本（或庫）來執行繪圖，以執行邏輯並保持對任何繪製形狀的引用。

如果您想要某種原生功能，您應該查看<svg>元素。在那裏，你將能夠看到（和參考）<rect>元素

這裏大約SVG

2012-12-27 19:48:24 lostsource

回答