transform - rotate and scale is not working when i convert html content to pdf

css rotation transform scale html2pdf
Shail Paras picture Shail Paras · Apr 2, 2013 · Viewed 9.6k times · Source

I am using html2pdf to convert html content with images to pdf and i have also added an option to rotate and flip the images... Right now pdf is created successfully ... but if i have rotated or flipped any image by using css transform:rotate(90deg); 

transform:scaleX(-1);

then in pdf file that images is not looking rotated or flipped... Any idea to get rid of this issue... Please share ...or any solution for that.

Thanks in Advance.

Answer

Guangyu Wu picture Guangyu Wu · Jul 19, 2017

use "-webkit-transform" instead of "transform". for example:

 -webkit-transform: rotate(90deg);

Related questions

Get element -moz-transform:rotate value in jQuery

I have CSS style for a layer: .element { -webkit-transform: rotate(7.5deg); -moz-transform: rotate(7.5deg); -ms-transform: rotate(7.5deg); -o-transform: rotate(7.5deg); transform: rotate(7.5deg); } Is there a way to get curent rotation value through jQuery? I tried this $('.element').css("…

Read More
CSS "transform: rotate()" affecting overall design with "position: absolute" (not aligning properly)

I fear I quite don't know how to explain it as well as I can show it. So I've set up this Fiddle. As you can see, the nav menu is not where it should be. It should be set …

Read More
CSS3 Rotate Animation

<img class="image" src="" alt="" width="120" height="120"> Cannot get this animated image to work, it is supposed to do a 360 degrees rotation. I guess something's wrong with the CSS below, as it just stays still. .image { float: left; …

Read More