how to convert html + css 3.0 (transform attribute) to image?

Question

i have HTML with inline style that using transform attribute of Css3.0. i want to convert into image. i am not using canvas and i already tried with html2canvas and other API's for capturing screenshot but its not working for me. i really tried too much for convert it to image. below are the URL of HTML. i want to convert it to image. please help me to solve this.

http://gurutechnolabs.co.in/websites/Corephp/strawberry/test.php

i have also tried with wkhtmlimage i get this output:test image

Please post you're code or JSfiddle. Not an external site..

Alexis
– Alexis

2015-10-27 11:52:21 +00:00
Commented Oct 27, 2015 at 11:52 — Alexis
– Alexis, Commented Oct 27, 2015 at 11:52
I had this problem too. I've resolved with these answers.

Jacopo
– Jacopo

2015-10-27 11:53:14 +00:00
Commented Oct 27, 2015 at 11:53 — Jacopo
– Jacopo, Commented Oct 27, 2015 at 11:53

Anand G · Accepted Answer · 2015-10-27 12:03:55Z

0

There are two way I know and worked perfect for me,

User

wkhtmltoimage

It takes the HTML and convert it to image. It support all html5 and css3 properties. You can read more about it here http://www.catchstudio.com/labs/php-screenshots/

HTML2PDF utility and then imagick in php

The idea here is to convert HTML to PDF and then to image. First HTML2PDF will convert html to PDF and then Imagick which is an wrapper in php for imagemagick will convert it into desired format image. You can read more about it here http://buffernow.com/html-to-image-php-script/

Hope this helps to you!

answered Oct 27, 2015 at 12:03

Anand G

3,2102 gold badges24 silver badges30 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Tansukh Parmar Over a year ago

i already tried with html2pdf & imagemagick its not working. when image written in pdf then loose their transformations. and can you say me how to use wkhtmltoimage . i don't know how to install it & where to apply commands?

Anand G Over a year ago

wkhtltoimage is an extension of wkhtmltopdf. The link I gave has the steps to install it. Try them once

Collectives™ on Stack Overflow

how to convert html + css 3.0 (transform attribute) to image?

1 Answer 1

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related