26

私は奇妙な問題に直面しています。

要するに ：

キャンバスを div に配置してキャンバスのサイズを設定すると、div は自動的にキャンバスよりも 5 ピクセル大きくなりますが、まったく同じサイズになると予想されます。

この質問はこの回答に続くものな ので、同じ例を取り上げます。問題はfirefoxとgoogle chromeで再現されています。（他のブラウザは試していません）

<div>
    <canvas height="300px" width="200px"></canvas>
</div>

CSS :

div {
    border: 2px solid blue; /* demo purposes */
    display: inline-block;
}
canvas {
    background-color: khaki; /* demo purposes */
}

結果（divの空白を参照）：

結果

この JSfiddleでは、まったく同じ例 (非常に単純) も確認できます。

なぜこれが起こり、どうすればそれを防ぐことができますか?

4

1 に答える 1