Как создать скриншот?

Question

[Sood21]

Скажите есть ли еще варианты создать скриншот области или полностью страницы за исключением способа через canvas (html2canvas и и т.д.)?
Проблема в том, что они не поддерживают свойства transform, которые очень важно сохранить при создании изображения в мое случае

Comments

[golentor]

такое ощущение что Вы трансформ с transparent попутали?)
jquery canvas resize save
А для особых гурманов - есть ещё webGL =)

[Sood21]

golentor, нет не перепутал, в моем случае пропадают все настройки для transform такие как perspective, rotate и т.д., что при приводит к тому что изображение уже выглядит далеко не так как на веб-странице. Не совсем понял что вы имели ввиду под jquery canvas resize save , но уверен что смысл будет такой же c использованием toDataURL
webGL - очень хочется достичь результата без него

[golentor]

Sood21, С наступающим! Без ясной постановки задачи трудно дальше давать совет. Ну может Ваш код мегасекретный - тогда придётся разбираться самому)

[Sood21]

golentor, Спасибо и тебя с наступающим!!!!На самом деле все просто, с помощью канвасов сделал дом с видом в 3/4 с использованием rotate perspective и т.д. Есть задание сохранить этот вид в pdf. А для этого необходимо сделать изображение. При попытке сделать изображение (самый явный способ через html2.canvas) пропадают данные свойства и соответственно результат становиться непотребным. В поддержке html2.canvas это довольно популярная тема, где написали что надежды на поддержку этих свойств нет, но каких то альтернативных вариантов google тоже не дает. Для создания pdf использую jsPDF и его метод addImage. Тема с pdf сейчас очень популярна для сайтов, но почему то решения пока не нашел. Может есть у тебя идеи

[golentor]

Sood21, Вот так бы раньше) Тут явно напрашивается svg Он довольно хорошо подходит, и в магазах, где 360 крутят товар - тоже вовсю используется. Но как готовить 3д svg - для меня загадка, надо почитать)

[Sood21]

golentor, спасибо! буду копать в этом направлении

Answer 1

[Somewhere Intech]

https://developer.mozilla.org/ru/docs/Web/API/Scre...

Comments

[Sood21]

спасибо за вариант, но он требует подтверждения от пользователя, что не применимо к нашей задаче