<html>
    <head>
      <base href="https://bugs.webkit.org/" />
    </head>
    <body>
      <p>
        <div>
            <b><a class="bz_bug_link 
          bz_status_NEW "
   title="NEW - canvas drawImage does not render SVG with embedded images correctly"
   href="https://bugs.webkit.org/show_bug.cgi?id=39059#c5">Comment # 5</a>
              on <a class="bz_bug_link 
          bz_status_NEW "
   title="NEW - canvas drawImage does not render SVG with embedded images correctly"
   href="https://bugs.webkit.org/show_bug.cgi?id=39059">bug 39059</a>
              from <span class="vcard"><a class="email" href="mailto:sabouhallawa&#64;apple.com" title="Said Abou-Hallawa &lt;sabouhallawa&#64;apple.com&gt;"> <span class="fn">Said Abou-Hallawa</span></a>
</span></b>
        <pre>(In reply to <a href="show_bug.cgi?id=39059#c3">comment #3</a>)
<span class="quote">&gt; The embedded image gets rendered on reloading the document. I am not sure if
&gt; the embedded image might not be encoded in time for the onload event. I also
&gt; don't know if onload requires images to be encoded and ready for rendering.
&gt; But how else would the user know if the SVG is ready to render?</span >

I added a new test case where it waits for 100ms after onLoad() event to ensure the sub-resources are loaded/decoded before drawing the image to the canvas. Of course this will not be a reliable way to fix the issue if the data url sub-resource is big or the hardware is slow.

The data url image is the only exception to be allowed as a sub-resource in an SVG. No loading from network is involved since all the data are loaded with the SVG itself. The only overhead is decoding the the data url to an image.

The sub-resources can also be nested if the data url image is an SVG image which has a data url image.</pre>
        </div>
      </p>
      <hr>
      <span>You are receiving this mail because:</span>
      
      <ul>
          <li>You are the assignee for the bug.</li>
      </ul>
    </body>
</html>