HTML5 strokeRect - 宽度是否包含lineWidth

Question

与 strokeRect 混淆，宽度似乎共享整体宽度，因此线条粗细为 100 且宽度为 200 的矩形实际上是 300 宽度，包括线条。这是正确的还是我遗漏了什么。

Answer 1

是的，lineWidth 会将其宽度的 50% 添加到路径本身的每一侧。

var ctx = document.querySelector("canvas").getContext("2d");

ctx.lineWidth = 100;
ctx.strokeRect(50, 50, 200, 200);

ctx.lineWidth = 1;
ctx.strokeStyle = "red";
ctx.strokeRect(50, 50, 200, 200);

<canvas width=400 height=400></canvas>

HTML5 strokeRect - 宽度是否包含lineWidth

HTML5 strokeRect - Does the width include lineWidth

html5-canvas