39,084
社区成员
发帖
与我相关
我的任务
分享新人求解救！
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
</head>
<body>
<canvas id="myCanvas" style="border: 1px solid;" width:="200" height:="100"></canvas>
<script type="text/javascript">
var c=document.getElementByld("myCanvas");
var context=c.getContext("2d");
context.fillStyle="#ff00ff";
context.fillRect(50,25,100,50);
</script>
</body>
</html>
这段代码。 就是想想绘制一条单纯直线，为什么就是，就是出不来， 只有一个框。。。
<html>
<head>
<meta charset="utf-8" />
<title></title>
</head>
<body>
<canvas id="myCanvas" style="border: 1px solid;" width:="200" height:="100"></canvas>
<script type="text/javascript">
var c=document.getElementByld("myCanvas");
var context=c.getContext("2d");
context.fillStyle="#ff00ff";
context.fillRect(50,25,100,50);
</script>
</body>
</html>
这段代码。 就是想想绘制一条单纯直线，为什么就是，就是出不来， 只有一个框。。。
...全文
请发表友善的回复…
发表回复
当作看不见 2016-12-09
- 打赏
- 举报
fillRect 是绘制矩形的
http://www.runoob.com/html/html5-canvas.html
http://www.runoob.com/tags/ref-canvas.html
参考手册和简单实例
下面这个经典好文
http://blog.csdn.net/clh604/article/details/8536059
天际的海浪 2016-12-09
- 打赏
- 举报
<canvas id="myCanvas" style="border: 1px solid;" width:="200" height:="100"></canvas>
<script type="text/javascript">
var c=document.getElementById("myCanvas");
var context=c.getContext("2d");
context.strokeStyle="#ff00ff";
context.beginPath();
context.moveTo(50,25);
context.lineTo(100,50);
context.stroke();
</script>
天际的海浪 2016-12-09
- 打赏
- 举报
画直线应该是
context.strokeStyle="#ff00ff";
context.beginPath();
context.moveTo(50,25);
context.lineTo(100,50);
context.stroke();
williant 2016-12-09
- 打赏
- 举报
求大佬们解救。
