canvas绘制线条

关于网友提出的“canvas绘制线条
”问题疑问，本网通过在网上对“canvas绘制线条
”有关的相关答案进行了整理，供用户进行参考，详细问题解答如下：

问题：canvas绘制线条
描述:

var canvas = document.getElementById("canvas");
var context = canvas.getContext("2d");
context.moveTo(100,100);
context.lineTo(100,700);
context.lineTo(700,700);
context.lineTo((100,100);/*这是注释*/
context.stroke();
为什么去掉注释这一行就可以画出线条，加上这一行画布上就什么也没有？

---

解决方案1:

可以结贴了吗？我要分

解决方案2:

MoveToEx函数和LineTo函数经常备用来画线，函数原型如下：
BOOL MoveToEx( HDC hdc, int x, int y, LPPOINT lpPoint );
BOOL LineTo( HDC hdc, int xEnd, int yEnd );MoveToEx函数和LineTo函数要一起使用才能达到画线的效果，咋看起来这两个函数不相干，我是这样想的，画线要用“笔”，那么MoveToEx()把笔要画的起始位置固定了（x,y）然后要固定终止位置要用到LineTo函数确定终止位置（xend,yend）,这样一条线就画出来了。

解决方案3:

引用 1 楼 jslang 的回复:

context.lineTo((100,100);/*多了个左括号*/

粗心大意可不好 解决方案4:

context.lineTo((100,100);/*多了个左括号*/

以上介绍了“canvas绘制线条”的问题解答，希望对有需要的网友有所帮助。
本文网址链接：http://www.codes51.com/itwd/949838.html