为了账号安全,请及时绑定邮箱和手机立即绑定
<!DOCTYPE html>
<html>
<script type="text/javascript">
window.onload = function(){
	var canvas = document.getElementById('canvas');
	var context = canvas.getContext('2d');
	if(context){
		context.beginPath();
		context.moveTo(100,100);
		context.lineTo(700,700);
		context.lineTo(100,700);
		context.lineTo(100,100);
		context.closePath();
		context.lineWidth = 5;
		context.strokeStyle = "red";
		context.stroke();

		context.beginPath();
		context.moveTo(200,100);
		context.lineTo(700,600);
		context.closePath();
		context.strokeStyle = "black";
		context.stroke();

	}else{
		alert('当前浏览器不支持Canvas,请更换浏览器后再试');
	}
}
</script>
	<body>
		<canvas id="canvas" width="1024" height="768" style="border:1px solid #aaa;display:block;margin:0 auto;">
			当前浏览器不支持Canvas,请更换浏览器后再试
		</canvas>
	</body>
</html>


正在回答

0 回答

举报

0/150
提交
取消
炫丽的倒计时效果Canvas绘图与动画基础
  • 参与学习       96904    人
  • 解答问题       1029    个

学习HTML5中最激动人心的技术Canvas,彻底释放自己的创造力

进入课程
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号