2016-04-28 59 views
0

我是新來使用畫布和我有一個奇怪的問題。我的畫布線正在成功繪製使用:畫布 - 線條繪製但不顯示在谷歌檢查元素

var canvas = document.getElementById('canvas'), 
    context = canvas.getContext('2d'); 

其中畫布是畫布的ID。然後我使用以下方法繪製:

context.strokeStyle = "red"; 
    context.beingPath(); 
    context.moveTo(x, y); 
    context.lineTo(x, y); 
    context.stroke(); 

與lineTo在一個循環中被調用來更新其位置。我在一個函數中使用這些方法,並可以繪製多行。問題是(這是一個問題?)當我使用谷歌的檢查元素時,我無法在創建的畫布下找到這些線條。我習慣看到某種路徑元素。

但是,我可以看到創建這些行的腳本。

編輯:剛剛檢查另一個網站使用畫布,這似乎是正常的行爲。雖然想要確認。

謝謝

回答

2

是這是正常的行爲。 2012年,chrome有一些實驗性的插件,可以幫助檢查畫布。但我不知道它是否仍然可用(我在這裏發現信息http://www.html5rocks.com/en/tutorials/canvas/inspection/

+0

謝謝,它似乎很奇怪,第一次畫布用戶。很高興它沒有問題。 – shell

+0

Upvote。只要突出顯示繪製到畫布元素上的任何東西都不會被「記住」併成爲未引用的像素。 – markE