2

私は自分のBlockly workspace内部をdivに適応させようとしています。ページが小さくなると、divとそのBlockly workspace内部も小さくなると思います。

ドキュメントGoogleに提供する方法があることは知っていますが、それは少し「汚い」と思い、サイズを変更するには多くのコードを使用する必要があります。

のデバッガーを見ると、オブジェクトGoogle Chromeに a を設定できることがわかりましたが、ワークスペースを挿入するときにそれを変更する方法がわかりません:max-heightsvgheight

var workspace = Blockly.inject('blocklyDiv',
    {toolbox: document.getElementById('toolbox')});

とにかく、それは私の問題をまったく解決しません (ページのサイズを変更する前に、ワークスペースが div よりも大きくならないようにしてください)。

blocklyDivまた、に注入するものをBlockly workspace変更しようとしましdisplay: flex;たが、何も変わりません。

Google'sのサイズを変更する例よりも良い方法はありBlockly workspaceますか?

前もって感謝します！

4

3 に答える 3

1

上記のコメントで述べたように、blockly div の高さを固定しながら幅のサイズ変更を許可します。

<div id="blocklyDiv" style="height: 800px; width: 100%;"></div>

ここで、JSFiddle で遊ぶことができます: blockly workspace resizing。

于 2016-05-31T11:45:47.673 に答える