title: How to change default Literally Canvas drawing region height?
body: <p>I'm trying to set <a href="http://literallycanvas.com/index.html" rel="nofollow">Literally Canvas</a> drawing region height to some custom value (let it be <code>500px</code>). The following is stated in the docs:</p>
  
  <blockquote>
    <p>To change the height of the drawing, set a CSS height rule on the element passed to <code>LC.init()</code> or the React component that contains Literally Canvas.</p>
  </blockquote>
  
  <p>So I have tried the following:</p>
  
  <h1>HTML</h1>
  
  <pre><code>&lt;div class='my-drawing' style='height: 500px;'&gt;&lt;/div&gt;
  </code></pre>
  
  <h1>JS</h1>
  
  <pre><code>LC.init(document.getElementsByClassName('my-drawing')[0])
  </code></pre>
  
  <p>But the height is still default <code>369px</code>. The height of the <code>div</code> is <code>500px</code>.</p>
  
  <h1>EDIT</h1>
  
  <p>Added JSFiddle: <a href="https://jsfiddle.net/w5kfb3qx/" rel="nofollow">https://jsfiddle.net/w5kfb3qx/</a></p>
  
  <p>Any suggestions?</p>