2016-05-14 2 views
1

я уже смотрел на How do I convert my entire div data into image and save it into directory without using canvas?Пытается преобразовать html div в изображение. Принимая во внимание Transform3D

И я использовал библиотеку html2canvas и я был в состоянии получить изображение, но это не было, как я хотел, потому что я был 3dtransfomed DIV внутри и финальное изображение сделало не сохраняйте это свойство.

В результате использования html2canvas LIB был такой: enter image description here

И то, что я хочу получить что-то вроде этого (синие точки не имеют значения): enter image description here

У меня есть позволяет сказать, что этот HTML код: <div id=background><div id=pig style=transform: matrix3d(1,2,4,2,34,4,5,3,54,3,4,4)><img src=whatever/></div></div> И я хочу преобразовать его в изображение. Я попытался использовать библиотеку html2canvas, о которой они упоминали в сообщении, которое я связал наверху. Но результатом было первое изображение, которое я опубликовал. То, что я хочу, чтобы результат выглядел, - это второе изображение. Поэтому я подумал, что это не потому, что он не принял во внимание transform3d на свинье div.

+0

Я не уверен, что вы на самом деле просят здесь .. –

+0

@niemmi Я позволяет сказать, что этот HTML код: ''

И я хочу чтобы преобразовать его в изображение. Я попытался использовать библиотеку html2canvas, о которой они упоминали в сообщении, которое я связал наверху. Но результатом было первое изображение, которое я опубликовал. –

+0

Прошу прощения, я ничего не знаю о предмете, я просто встроил изображения, чтобы было легче читать. Если у вас есть дополнительная информация, отредактируйте исходный вопрос. – niemmi

ответ

1

Я бы рекомендовал взять изображение, которое вы получаете (что выглядит хорошо, но не искажено правильно) и запускать его с помощью преобразований CSS.

Information about CSS 3D Transforms

This demo of skewing a 3D prism with CSS должна представлять особый интерес для вас

Смежные вопросы