사용자 정의 Joomla 모듈에 캔버스 관련 문제가 발생했습니다.

Question

사용자 정의 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> 

그러나 이미지가 표시되지 않을 때 페이지가 렌더링됩니다. 나는 sorcerer를 사용하여 코드를 입력했으며 {source} 블록 내에 있습니다. Chrome에서 inspect 요소를 사용하면 오류가 있음을 알 수 있습니다. "Uncaught TypeError : null의 메서드 'drawXpBar'를 호출 할 수 없습니다." 함수가 정의되지 않았다고 생각하지는 않습니까? 어떤 조언을 주시면 감사하겠습니다.

Answer 1

window.onload = funcRef;

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