在 HTML Canvas 中，miterlimit 属性用于控制两条相交线段的交点的长度。当两条线段相交时，交点的长度可能会很长，这可能会导致绘制出的图形看起来很奇怪。通过设置 miterlimit 属性，我们可以限制交点的长度，使得图形看起来更加美观。
语法
context.miterLimit = value;
- context: 画布的上下文对象
- value: 一个非负的浮点数，表示限制交点长度的最大值。默认值为 10。
示例
-- -------------------- ---- -------
--------- -----
------
------
------------- ---------- ------------
-------
------
------- ------------- ----------- ----------------------
--------
--- ------ - ------------------------------------
--- --- - ------------------------
--------------- - --------
------------- - ---
-------------- - --
-- ------
----------------
-------------- ----
--------------- -----
-------------- -----
-------------
---------
-------
-------在上面的示例中，我们创建了一个 Canvas 元素，并设置了 miterlimit 属性为 2。然后我们绘制了一条斜线，可以看到交点的长度被限制在了一个较小的值，使得图形看起来更加美观。
通过调整 miterlimit 属性的值，你可以控制交点的长度，从而达到想要的效果。试着在自己的项目中使用 miterlimit 属性，看看能不能让图形更加漂亮吧！