更改画布多边形1面的lineWidth吗？

Question

我一直在使用基于此JSFiddle（ http://jsfiddle.net/qQA88/ ）中的代码的代码来创建六角形网格。 我试图弄清楚如何用较粗的线勾勒出六边形的组，以表示各种“领土”。 HexagonGrid.prototype.drawHex（）是并排绘制每个六边形的代码……特别是：

this.context.beginPath();
this.context.moveTo(x0 + this.width - this.side, y0);
this.context.lineTo(x0 + this.side, y0);
this.context.lineTo(x0 + this.width, y0 + (this.height / 2));
this.context.lineTo(x0 + this.side, y0 + this.height);
this.context.lineTo(x0 + this.width - this.side, y0 + this.height);
this.context.lineTo(x0, y0 + (this.height / 2));
this.context.closePath();
this.context.stroke();

现在，我知道每个lineTo调用都代表六边形的一侧。 如果我保留代表每个六边形的JSON对象，则可以跟踪六边形的哪一侧必须是较粗的lineWidth，以便创建封闭的区域。

例：

var hex = { n: null,
s: null, 
nw: null,
ne: null, 
sw: null,
se: true }

在这种情况下，东南侧可能是较粗的lineWidth。

我了解您无法在单个stroke（）调用中更改lineWidth。 我已经看到了一些示例，人们在多边形的每一边都打破了路径以创建这种效果，但是由于路径的中断，我将无法用颜色填充这些六边形。

给定上面列出的巨大的六边形JSON数组，每边都有属性，我能否达到我想要的效果？ 我在想，作为最后的选择，我必须照常绘制网格，然后在顶部绘制较粗的轮廓，但是即使如此，我也不完全确定如何遍历JSON数组以正确获取所有lineTo（）函数用于创建适当的“区域”。

任何想法都会有所帮助。

编辑：我是个白痴（像其他许多SO问题一样，是吗？）。 我可以像上面那样在一个stroke（）中让六边形绘制，然后在坐标仍在内存中的同时，在顶部绘制较粗的边。 我会报告一个答案。