You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Hi. I have an image I want need to look 3d'ish or kinda skewed. I have managed to get it perfectly with styles, but html2canvas cannot reproduce it. It seems that html2canvas does not support the following css styles:
This is the style I am using, that fails for html2canvas: .image-container { clip-path: polygon(0% 18.5%, 98% 0%, 99% 97%, 2% 83%); perspective: 1000px; } .image{ transform: perspective(1000px) translate(-4%) scale(0.7) rotateY(-36deg) rotateX(-2deg) rotateZ(0deg); }
The text was updated successfully, but these errors were encountered:
Hi. I have an image I want need to look 3d'ish or kinda skewed. I have managed to get it perfectly with styles, but html2canvas cannot reproduce it. It seems that html2canvas does not support the following css styles:
clip-path
perspective
transform: perspective
html2canvas version: ^1.4.1.
Safari: 17.2.1
Chrome: 1.62.165
Firefox: 123.0.1
MacOS Sonoma 14.2.1.
This is the style I am using, that fails for html2canvas:
.image-container { clip-path: polygon(0% 18.5%, 98% 0%, 99% 97%, 2% 83%); perspective: 1000px; } .image{ transform: perspective(1000px) translate(-4%) scale(0.7) rotateY(-36deg) rotateX(-2deg) rotateZ(0deg); }
The text was updated successfully, but these errors were encountered: