我收到此错误'未定义'而且我不知道如何解决这个问题。
<!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之后。
答案 0 :(得分:2)
如果要使用getElementById:
,则需要为canvas设置id <canvas id="canvas" width="500" height="500" onclick="draw(0,0);"></canvas>
或使用:
document.getElementsByTagName('canvas')[0]