html2canvas not working [multiple images on same div]

• You are using the latest version
• You are testing using the non-minified version of html2canvas and checked any potential issues reported in the console

Bug reports:

<div id="scream">
  <img id="corps" class="corps" src="asset1.png"/>
  <img id="visage" class="visage" src="asset2.png"/>
  <img id="yeux" class="yeux" src="asset3.png"/>
</div>

when i select the div which includes multiple images: not working

// div select which include multiple images 
html2canvas(document.querySelector("#scream")).then(canvas => {
          document.body.appendChild(canvas)
      });
// result: dont work
// Starting DOM parsing
// Added image asset1
// Added image asset2
// Added image asset3
// Added image
// Starting renderer 
// Canvas renderer initialized (485x0 at 1542.9375,-13) with scale 0.5
// Finished rendering
 
// Nothing displayed 

when i select one image from the div: working

// single image select
html2canvas(document.querySelector("#corps")).then(canvas => {
          document.body.appendChild(canvas)
      });
// result: works
// image loaded successfully

jsfiddle: https://jsfiddle.net/tfr59Ls1/

Specifications:

• vuejs : ^2.6.10,
• html2canvas version tested with: 1.0.0-rc.3
• Browser & version: chromium v73
• Operating system: Elementary Juno

[hakimio]

@mIcHyAmRaNe Seems to work as intended: https://jsfiddle.net/5fou1ctb/

[hakimio]

The images are just getting blocked by CORS. Set “useCORS: true” and see the errors in the console. Also, your fiddle has a bug which prevents “capture” button from working.