畫布元素undefined

Question

coudl有人看看這段代碼，並告訴我爲什麼我得到的畫布元素未定義？或爲什麼我不能使用這種語法？

var Canvas = { 

    element : document.getElementById("canvas"), 
    context : Canvas.element.getContext("2d"), // Uncaught TypeError: Cannot read property 'element' of undefined 
} 

Answer 1

你不能這樣聲明它。你能做的最好的事情是：

var Canvas = { 
    element: document.getElementById("canvas"), 
    context: document.getElementById("canvas").getContext("2d") 
} 

如果您Canvas是一個函數，並存儲元素this，那麼你可以通過this.element訪問：

var Canvas = function (id) { 
    this.element = document.getElementById(id); 
    this.context = this.element.getContext('2d'); 
}