在定製Joomla模塊中畫布的麻煩

我正在構建一個定製的Joomla模塊，我試圖用畫布顯示圖像。這裏的代碼：在定製Joomla模塊中畫布的麻煩

<script language="javascript" type="text/javascript"> 

function drawXpBar() { 
    var xpPlot = document.getElementById('xpBar').getContext('2d'); 
    var img = new Image(); 
    img.onload = function() { 
    xpPlot.drawImage(img,0,0); 
    } 
    img.src = 'images/xpBarBg.png'; 
    } 
window.onload.drawXpBar(); 
</script>

但是，當頁面呈現圖像不會出現。我使用魔法師輸入了代碼，它位於{source}塊內。當我在Chrome中使用檢查元素時，它顯示錯誤「Uncaught TypeError：無法調用null的方法'drawXpBar'。」這是否意味着它認爲該功能尚未定義？任何意見，將不勝感激。

來源

2014-04-04 Maverick575

window.onload = funcRef;

window.onload = drawXpBar(); //call function on window load event

來源

2014-04-04 07:08:42

我已經試過了，我得到錯誤「遺漏的類型錯誤：無法調用空drawXpBar的方法‘的getContext’」 – Maverick575

@ Maverick575後你html的了。 –

你知道嗎？其實我只是在其他地方看過，JavaScript必須在畫布之後去。我只是移動了代碼，現在它正在工作。我想我以前試過，但因爲我有window.onload.drawXpBar（）;它沒有工作。感謝您的迴應，並進行了一點挖掘，畫布現在可以正常工作。謝謝！ – Maverick575

在定製Joomla模塊中畫布的麻煩

回答

相關問題