# rectangle

[browser](..) ⟩ [canvas]() ⟩ [path](path) ⟩ rect

{% tabs %}
{% tab title="📘 手冊" %}
* [CanvasRenderingContext2D](https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D) ⟩
  * <mark style="color:red;">**do not affect**</mark> current path, current point：\
    [.fillRect()](https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/fillRect), [.strokeRect()](https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/strokeRect), [.clearRect()](https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/clearRect)
  * <mark style="color:yellow;">**add subpath**</mark> to **current path**：\
    [.rect()](https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/rect)
{% endtab %}

{% tab title="👥 相關" %}
* [svg](../svg "mention") ⟩ [rect](../svg/shape/rect "mention")
* [custom](../../appendix/custom "mention") ⟩ [rect](../../appendix/custom/class/rect "mention")
{% endtab %}
{% endtabs %}
