我这里有一个例子http://jsfiddle.net/8NzjH/我正在尝试绘制一条粗的中间线，如下所示:varcontext=canvas.getContext("2d");context.strokeStyle='#000000';context.fillStyle='#000000';context.moveTo(10,10);context.lineTo(50,10);context.save();context.lineWidth=15;context.moveTo(10,30);context.lineTo(50,30);context.restore();context

查看专栏目录canvas示例教程100+专栏，提供canvas的基础知识，高级动画，相关应用扩展等信息。canvas作为html的一部分，是图像图标地图可视化的一个重要的基础，学好了canvas，在其他的一些应用上将会起到非常重要的帮助。文章目录常用的绘制路径方法绘制路径的步骤beginPath()怪异效果图示例源代码（共103行）怪异分析closePath()示例：closePath()的使用场景canvas基本属性canvas基础方法路径是通过不同颜色和宽度的线段或曲线相连形成的不同形状的点的集合。一个路径，甚至一个子路径，都是闭合的。常用的绘制路径方法beginPath():新建一条路径

我的问题是关于context.beginPath()和context.closePath()。下面的代码将在屏幕周围画一个圆弧，直到它消失，然后是一个小点，我会注释掉它，因为它是一个我不知道如何包含的.jpg。我的问题是beginPath()和closePath()究竟做了什么？如果我将它们注释掉，我会得到一个与我预期不同的疯狂结果。我在互联网上看过，但没有看到这样的结果。有问题的代码:functiondrawTheBall(){context.fillStyle="#00AB0F";//setsthecoloroftheballcontext.beginPath();context.

我的问题是关于context.beginPath()和context.closePath()。下面的代码将在屏幕周围画一个圆弧，直到它消失，然后是一个小点，我会注释掉它，因为它是一个我不知道如何包含的.jpg。我的问题是beginPath()和closePath()究竟做了什么？如果我将它们注释掉，我会得到一个与我预期不同的疯狂结果。我在互联网上看过，但没有看到这样的结果。有问题的代码:functiondrawTheBall(){context.fillStyle="#00AB0F";//setsthecoloroftheballcontext.beginPath();context.

是否必须包含beginPath和closePath才能绘制这条线或所有图形。我有一本新的HTML5Canvas书，但我并不完全确定。我注释掉了这两行，该行仍然显示。这两行有什么意义。问题:beginPath()和closePath()的作用是什么？代码:context.lineJoin='round';context.lineCap='butt';context.beginPath();context.moveTo(10,100);context.lineTo(35,100);context.lineTo(35,125);context.stroke();context.closePa