用H5中canvas绘制直线 浏览器不显示

Hamber_Bao 2017-01-19 04:01:35

<script language="javascript">
var c = document.getElementById("mycanvas");
var ctx = c.getContext("2d"); //获取该canvas的2D绘图环境对象
ctx.moveTo(10,10); //定义绘画开始的位置
ctx.lineTo(150,50); //画一条直线,结束点坐标是x=150,y=50
ctx.stroke(); //描边
</script>


<canvas id="mycanvas" style="border:1px solid" width="500" height="500" >
您的浏览器不支持
</canvas>


测试,只显示出来 画布的轮廓,但是不显示绘制的直线 ,求教!!
...全文
352 2 打赏 收藏 转发到动态 举报
写回复
用AI写文章
2 条回复
切换为时间正序
请发表友善的回复…
发表回复
Hamber_Bao 2017-01-19
  • 打赏
  • 举报
回复
引用 1 楼 jslang 的回复:
代码放canvas下面
解决了 谢谢
天际的海浪 2017-01-19
  • 打赏
  • 举报
回复
代码放canvas下面

39,083

社区成员

发帖
与我相关
我的任务
社区描述
HTML5是构建Web内容的一种语言描述方式。HTML5是互联网的下一代标准,是构建以及呈现互联网内容的一种语言方式.被认为是互联网的核心技术之一。
社区管理员
  • HTML5社区
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧