Question

我正在构建一个自定义的Joomla模块，我正在尝试使用canvas显示图像。这是代码：

<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中使用inspect元素时，它显示错误“Uncaught TypeError：无法调用null的drawXpBar方法”。这是否意味着它认为函数尚未定义？任何意见，将不胜感激。

Answer 1

window.onload = funcRef;

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

自定义Joomla模块中的画布问题

1 个答案: