<分区>
标签 css
<分区>
如何将边框放在 Canvas 内，使其不被边框扩大:
<canvas width="50" height="50" style="border: 10px solid black"></canvas>
is much bigger than
<canvas width="50" height="50" style="border: 1px solid black"></canvas>box-sizing: border-box; 在这种情况下没有帮助
请注意，我使用的 Canvas 是矩形的，它的形状不是通过 JavaScript 控制的。
最佳答案
在这种情况下，如果您想通过属性设置宽度和高度，请使用box-shadow。
#canvas1 {
-webkit-box-shadow:inset 0px 0px 0px 10px #000;
-moz-box-shadow:inset 0px 0px 0px 10px #000;
box-shadow:inset 0px 0px 0px 10px #000;
}
#canvas2 {
-webkit-box-shadow:inset 0px 0px 0px 1px #000;
-moz-box-shadow:inset 0px 0px 0px 1px #000;
box-shadow:inset 0px 0px 0px 1px #000;
}<canvas id="canvas1" width="50" height="50"></canvas>
<canvas id="canvas2" width="50" height="50"></canvas>关于css - canvas border 增加面积，在canvas内部绘制border，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/56737751/