`
cxy020
  • 浏览: 61097 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

画一条线

阅读更多
<html>

<body>
<canvas id="diagonal" style="border:1px solid red;"></canvas>
</body>
</html>

<script type="text/javascript">
window.onload=function(){
	var canvas = document.getElementById("diagonal");
	var context = canvas.getContext("2d");
	
	context.beginPath();//开始绘制
	context.moveTo(70,140);//将画笔移动到 x-70 y=140  (线起点)
	context.lineTo(140,70);//绘线终点
	context.stroke();//将线 画到canvas上
}
</script>
分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics