如何更改默认的Literally Canvas绘图区域高度？

Question

我正在尝试将Literally Canvas绘图区域高度设置为某个自定义值（让它为500px）。文档中说明了以下内容：

  

要更改图形的高度，请在传递给LC.init()的元素或包含字面画布的React组件上设置CSS高度规则。

所以我尝试了以下内容：

HTML

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

JS

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

但高度仍为默认值369px。 div的高度为500px。

修改

添加了JSFiddle：https://jsfiddle.net/w5kfb3qx/

有什么建议吗？

Answer 1

终于找到了解决方案。

要使canvas正确调整大小，必须在Literally Canvas实例上调用respondToSizeChange方法。

var lc = LC.init(document.getElementsByClassName('my-drawing')[0]);

lc.respondToSizeChange();

每次调整父元素的大小时调用此方法也是个好主意。

完整示例：https://jsfiddle.net/cy5cknq7/3/

注意：此方法未记录。所以它更像是一个黑客。

Answer 2

要更改（图片中的1）的高度，请使用内联样式：

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

要更改此代码的高度（图中的2）：

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

并使用平移按钮（在左侧面板上）