HTML

<div class='my-drawing' style='height: 500px;'></div>

をJS

LC.init(document.getElementsByClassName('my-drawing')[0])

しかし、高さが369pxをデフォルトのままです。 divの高さは500pxです。

EDIT

追加JSFiddle：https://jsfiddle.net/w5kfb3qx/

任意の提案ですか？

出典

2016-07-20 ololoepepe

canvas.height = 500ピクセルの高さ（RESを設定しますolution）、canvas.style.height = "500px"はキャンバス表示の高さを設定します。幅が同じ – Blindman67

@ Blindman67、ok、公式ドキュメントはどうですか？ ** **図面の高さを変更するには、** LC.init（）に渡される要素またはLiterally Canvasを含むReactコンポーネントに** CSS高さ**ルールを設定します。 $（ '。my-div'）のようなことをする。find（ 'canvas'）。height（500）;期待された方法ではなく、ハックのように見えます。 – ololoepepe

それはキャンバス解像度を設定するHTML5の標準的な方法です。他の方法では行えませんが、lib/framework/etcはキャンバスの幅と高さの属性を直接設定して解像度を変更する必要があります。 https://developer.mozilla.org/en-US/docs/Web/HTML/Element/canvasにはいくつかの情報がありますが、仕様「HTML5」標準へのリンクが壊れているようです。 – Blindman67

最後に解決策が見つかりました。

canvasを適切にサイズ変更するには、Literally CanvasインスタンスでrespondToSizeChangeメソッドを呼び出す必要があります。

親要素のサイズを変更するたびにこのメソッドを呼び出すことをお勧めします。

全例：https://jsfiddle.net/cy5cknq7/3/

注：このメソッドは、文書化されていません。だから、それはより多くのハックです。

出典

2016-07-21 08:27:41 ololoepepe

インラインスタイル使用（画像1）の高さを変更するには：（画像2）の高さを変更する

 

    <div class='my-drawing' style='height: 500px;'></div>

このコード：

 

    LC.init(element, {imageSize: {width: 500, height: null}})

やパンを使います（左パネル）ボタン

出典

2017-12-24 14:22:36

デフォルトのリテラルキャンバス描画領域の高さを変更するには？

HTML

をJS

EDIT

答えて

関連する問題