沒有效果呀,怎么辦
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
</head>
<body>
<canvas id="canvas" ?style="border: 2px solid #000000;">
</canvas>
<!--<script type="text/javascript" src="js/jquery-1.11.0.js" ></script>-->
<script>
window.onload=function (){
var canvas=document.getElementById('canvas');
canvas.width=1024;
canvas.height=768;
//調整瀏覽器兼容性問題
if(canvas.getContext('2d')){
var context=canvas.getContext('2d');
context.moveTo(100,100)
content.lineTo(800,800)
context.lineWidth(5)
context.strokeStyle='aqua'//顏色是字符串
context.stroke()
}
else{
alert('瀏覽器不兼容,請選擇其他瀏覽器謝謝!');
}
}
</script>
</body>
</html>
2016-06-10
你的content.lineTo(800,800);改成context.lineTo(800,800)
context.lineWidth(5) 改成context.lineWidth = 5