tracks怎么得到其边框

tracks在HTML5 Canvas API中通常是指Canvas上的一系列绘图路径，它们是由一系列的moveTo()、lineTo()、quadraticCurveTo()等方法创建出来的曲线或直线。要获取tracks的边框，也就是轮廓线，你可以按照以下步骤操作：

1. **创建路径**：首先，你需要通过`beginPath()`开始一个新的路径，并使用上述方法绘制各个点。

let ctx = canvas.getContext('2d');
ctx.beginPath();
// ... 这里添加各种绘制命令

2. **关闭路径**：在绘制所有线条之后，记得调用`closePath()`来完成路径的封闭，这样浏览器知道如何连接起点到终点。

ctx.closePath();

3. **获取路径数据**：虽然Canvas本身没有直接提供获取边框的方法，但你可以通过`createLinearGradient()`或`createRadialGradient()`创建渐变时，传入`getLineDash()`方法返回的数组作为dasharray参数，这个数组可以间接反映路径的形状。

let lineDash = ctx.getLineDash();

4. **生成边框路径**：如果你需要生成边界路径，可以遍历并重新构建路径，但这通常不是最佳实践，因为Canvas API并没有内置的功能来做这件事。

5. **绘制边框**：如果你想显示轮廓，可以在一个单独的路径上调用`stroke()`，而不是`fill()`，以仅画出边缘。

ctx.strokeStyle = 'black';
ctx.stroke();

注意，对于复杂图形，尤其是自定义贝塞尔曲线，手动计算轮廓可能比较困难，这时可能需要借助于专门的库或者算法，如`canvg`这样的工具。