HTML5 strokeRect - 宽度是否包含lineWidth

Question

与strokeRect混淆，宽度似乎是在分享整体宽度，因此行的粗细为100，宽度为200的宽度实际上是300宽度，包括直线。这是正确的还是我错过了其他的东西。

Answer 1

是的，lineWidth会将50％的宽度添加到路径本身的每一边。

＆＃13;

＆＃13;

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);

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;