求大神看看代碼哪里錯了 一直畫不出線條
<!DOCTYPE html>
<html>
<head lang="en">
? ?<meta charset="UTF-8">
? ?<title></title>
</head>
<body>
<div id="canvas-warp" style="border:1px solid #aaaaaa;display:block;margin:50px auto;">
</canvas>
</div>
<script>
window.onload=function(){
? ?var canvas=document.getElementById("canvas");
canvas.width=800;
canvas.height=800;
var context=canvas.getContext("2d");
context.moveTo(100,100);
context.lineTo(300,300);
context.lineWidth=5;
context.strokeStyle="#AA394C";
context.stroke();
}
</script>
</body>
</html>
2016-11-18
<!DOCTYPE html>
<html>
<head>
?? <meta charset="UTF-8">
?? <title></title>
</head>
<body>
//你的錯誤在于canvas標簽，canvas不是一個div，它是html5的一個特定的標簽，不能用<div id="canvas">這樣來創建一個canvas
<canvas id="canvas" style="border:1px solid #aaaaaa;display:block;margin:50px auto;">
</canvas>
<script>
window.onload=function(){
?? var canvas=document.getElementById("canvas");
canvas.width=800;
canvas.height=800;
var context=canvas.getContext("2d");
context.moveTo(100,100);
context.lineTo(300,300);
context.lineWidth=5;
context.strokeStyle="#AA394C";
context.stroke();
}
</script>
</body>
</html>
2016-11-16
<canvas id="canvas" style="border:1px solid #aaaaaa;display:block;margin:50px auto;">
</canvas>
你的id錯了下面的js找不到id=canvas，所以畫不出來