Capture Image Problem

[doubleespresso1]

Hello,
there's any way to capture image with filters? When i'm trying using html2canvas transform element like mask doesnt scale at all.

document.querySelector('.takePhoto').addEventListener('click', function() {
  console.log('capture running')
  // html2canvas(document.querySelector('.camera'), {
  //   letterRendering: 1,
  //   allowTaint: false,
  //   scale: 1
  // }).then(canvas => {
  //   document.body.appendChild(canvas);
    
  //   console.log(document.getElementById('jeelizFaceFilterFollow').style.perspective);
  //   downloadImage(canvas.toDataURL("image/png", 'biedronka.png'));
  // });
        html2canvas(document.querySelector('.camera'), {onclone: function(){
          console.log('after: ' + document.getElementById('jeelizFaceFilterFollow').style.transform)
        },
          useCORS: true,
          allowTaint: true
          
      }).then(canvas => {
          const dataURL = canvas.toDataURL('image/png', 0.8);
          //create an image to replace the placeholder
          const capturedImage = new Image();
          capturedImage.src = dataURL;
          //point to the image class and clear it
          //match original images width and height
          console.log('before: ' + document.getElementById('jeelizFaceFilterFollow').style.transform)

          const blobby = dataURItoBlob(dataURL);
          console.log(blobby);
          downloadImage(dataURL, 'biedronka.png')
      }).catch(e => {
          throw (e);
      });
});

[xavierjs]

html2canvas is for canvas2D. just use canvas.toDataURL to do screenshots

[doubleespresso1]

Thanks for the replay :) I tried this way but mask doesnt show on saved image only camera. Theres a option to save a whole div with backgrounds etc. ? I'm using Comedy glasses demo.

[xavierjs]

No easy way. I think the issue is more from html2canvas which may not work properly with CSS3D (as used in Comedy glasses demo). There are various issues about CSS3D syntax in the issues section of html2canvas Github repo. You may need to update the demo to make it work with html2canvas.

[doubleespresso1]

Thanks for answer :) ill still loooking for best option. Thanks for your time!