没有定义javascript错误

时间:2015-11-28 11:05:55

标签: javascript jquery

我收到此错误'未定义'而且我不知道如何解决这个问题。

<!DOCTYPE html>
<html>
<head>
    <title>Hash-Tag.io</title>
    <style type="text/css">
            canvas
            {
                background-image: url('background.png');
                border: 2px #000 solid;
            }
    </style>
    <script src="http://code.jquery.com/jquery-latest.min.js"
        type="text/javascript"></script>
<script type="text/javascript">
$( document ).ready(function() {
    function draw (x,y) {
            var canvas =  document.getElementsByTagName('canvas');
            var context = canvas.getContext('2d');
            context.save();
}
});
</script>
</head>
<body>
<canvas width="500" height="500" onclick="draw(0,0);" id="canvas"></canvas>
</body>
</html>

请不要说jquery lib。是因为我尝试了javascript之后。

1 个答案:

答案 0 :(得分:2)

如果要使用getElementById:

,则需要为canvas设置id
 <canvas id="canvas" width="500" height="500" onclick="draw(0,0);"></canvas>

或使用:

 document.getElementsByTagName('canvas')[0]