title: Opening html file with canvas in WebView javafx
body: <p>I'm trying to open score-viewer.html in webView. Code below.</p>
  
  <pre><code>&lt;html&gt;
  &lt;head&gt;
      &lt;meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/&gt;
  &lt;/head&gt;
  &lt;body&gt;    
   &lt;link rel="stylesheet" href="./css/smoothness/jquery-ui-1.8.20.custom.css"&gt; 
  &lt;script type="text/javascript" src="./js/jquery/jquery.min.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="./js/jquery/jquery-ui-1.8.20.custom.min.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="./js/zip.js/arraybuffer.js"&gt;&lt;/script&gt;    
  &lt;script type="text/javascript" src="./js/zip.js/dataview.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="./js/zip.js/deflate.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="./js/zip.js/inflate.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="./js/zip.js/zip.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript"&gt;zip.workerScriptsPath='../js/zip.js/';&lt;/script&gt;
  &lt;script type="text/javascript" src="./scorediv-pv0.0.3.js"&gt;&lt;/script&gt;
  &lt;div class="score-div" style="position: relative; width: 700px; height: 700px;" musicxml_ref="./musicxml/01a-Pitches-Pitches.xml"&gt;&lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>Loading .html file in JavaFX.</p>
  
  <pre><code>WebView webview = null;
  WebEngine webEngine = null;
  try {
  
          webview = new WebView();
          webview.setVisible(true);
          webEngine = webview.getEngine();
          webEngine.setJavaScriptEnabled(true);
         final URL urlHello = getClass().getResource("/score-viewer/score-viewer.html");
          webEngine.load(urlHello.toExternalForm());
  
      } catch (Exception ex) {
  
          System.err.print("error " + ex.getMessage());
          ex.printStackTrace();
      }
  </code></pre>
  
  <p>This page should display the tool bar to load notes and the sheet music in the canvas tag,  generated by javascripts. 
  If I open the file in Mozilla Firefox, it works, it renders sheet music from .xml file. But in WebView I'm getting only toolbar and black background instead of sheet music.</p>
  
  <p>I've read that the webview should support the canvas tag, so where is the problem?</p>