キャンバスを含む div ストレッチ

StackOverflow https://stackoverflow.com//questions/10649567

  •  11-12-2019
  •  | 
  •  

質問

こんにちは、私はこれをしようとしています:

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

キャンバスをレンダリングするためのJavaScriptを作成しました。誰かがキャンバスのサイズに応じてdivを拡張する方法と、JavaScriptなしで可能かどうかアドバイスしてもらえますか??ネストされた div の解決策をすでに試しましたが、うまくいきませんでした。ありがとう

役に立ちましたか？

解決

別のものを使用してください display 含むもののために div そうすればうまくいくはずです（こちらも参照） このjsfiddle):

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

CSS:

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

PS.の line-height: 0 存在しないことを確認するためにありますか 空間がレンダリングされる キャンバスの下。こちらも参照 この質問.

他のヒント

キャンバスのサイズがいつ変更されるかを判断できる場合は、変更されたキャンバスのサイズに従って div のサイズを動的に設定するイベントを起動します。

ライセンス： CC-BY-SA と 帰属
所属していません StackOverflow
scroll top