Html2canvas: Непрозрачность

Созданный на 5 нояб. 2015  ·  18Комментарии  ·  Источник: niklasvh/html2canvas

Привет,

Мне нужно создать холст из веб-страницы, и я нашел ваш плагин, он работает очень хорошо, но я хочу сказать, можно ли сохранить непрозрачность каждого элемента. В данный момент это не работает.

С уважением

Самый полезный комментарий

У меня это тоже не работает. Непрозрачность потеряна.

Все 18 Комментарий

Это зависит от того, как вы используете непрозрачность. Приложите пример с помощью jsfiddle.

Я тоже пытался заставить работать Opacity, но, похоже, он не поддерживает его.

У меня есть изображение в div. В div есть встроенный css opacity: 0.78; но на скриншоте он 100% непрозрачен.

@Dayjo Browser? ОПЕРАЦИОННЫЕ СИСТЕМЫ? x86 или x64? Пожалуйста, поставьте пример jsfiddle =)

OSX 10.11.4
Firefox 44.0.2
Хром 49.0.2623.112

Изменить: ОК, похоже, я решил эту проблему, добавив дополнительный CSS в тег img. Я установил явно;

display: block;
position: static;

И теперь изображения поддерживают непрозрачность, хотя и не уверены, почему ее нужно блокировать, а position: relative, кажется, фактически мешает ей работать. Другие элементы, которые не являются position: relative (то есть div с некоторым текстом), работали нормально.

Вот пример проблемы с jsFiddle: http://jsfiddle.net/tqqaa16x/. Я тоже борюсь с этим.

Непрозрачность не работает с простейшими примерами:
https://jsfiddle.net/JoolsCaesar/yLj4qwe2/3/
https://jsfiddle.net/JoolsCaesar/yLj4qwe2/5/
(Проверено в Chrome)

@niklasvh По-прежнему

ПРИМЕР:
html2canvas_error

У меня это тоже не работает. Непрозрачность потеряна.

@Энди

@niklasvh По-прежнему

ПРИМЕР:
html2canvas_error

Вы должны использовать background-color: rgba (x, x, x, opacityValue), заменить для непрозрачности стиль css должен решить вашу проблему.

Исправлено в https://github.com/niklasvh/html2canvas/tree/v1.0.0

эта ссылка сейчас не работает!

Я могу подтвердить, что непрозрачность все еще не работает в последней версии: 1.0.0-rc.7. Может быть, мы сможем открыть этот билет повторно?

Я могу подтвердить, что непрозрачность все еще не работает в последней версии: 1.0.0-rc.7. Может быть, мы сможем открыть этот билет повторно?

Используйте эту версию: https://github.com/niklasvh/html2canvas/suites/1187063696/artifacts/17429870 , Непрозрачность будет работать.

Я могу подтвердить, что непрозрачность все еще не работает в последней версии: 1.0.0-rc.7. Может быть, мы сможем открыть этот билет повторно?

Используйте эту версию: https://github.com/niklasvh/html2canvas/suites/1187063696/artifacts/17429870 , Непрозрачность будет работать.

С чем именно вы меня связали? Я открыл его, там написано v1.0.0-rc.7 ...

Я могу подтвердить, что непрозрачность все еще не работает в последней версии: 1.0.0-rc.7. Может быть, мы сможем открыть этот билет повторно?

Используйте эту версию: https://github.com/niklasvh/html2canvas/suites/1187063696/artifacts/17429870 , Непрозрачность будет работать.

С чем именно вы меня связали? Я открыл его, там написано v1.0.0-rc.7 ...

название версии такое же, но в этом js файле исправлена ​​ошибка непрозрачности.

Я могу подтвердить, что непрозрачность все еще не работает в последней версии: 1.0.0-rc.7. Может быть, мы сможем открыть этот билет повторно?

Используйте эту версию: https://github.com/niklasvh/html2canvas/suites/1187063696/artifacts/17429870 , Непрозрачность будет работать.

С чем именно вы меня связали? Я открыл его, там написано v1.0.0-rc.7 ...

название версии такое же, но в этом js файле исправлена ​​ошибка непрозрачности.

Возможно, вы могли бы сделать запрос на перенос, чтобы все сообщество могло извлечь выгоду из этого исправления, и мы могли бы продолжать использовать yarn (или npm) для зависимости html2canvas?

@niklasvh Я только начал использовать html2canvas в своем проекте, и это здорово! Но я также сталкиваюсь с этой ошибкой непрозрачности - исправляет ли вышеприведенный пакет эту проблему / есть ли шанс выпустить его и обновить выпущенный пакет npm?

@davidswinegar, это сработало для меня. Последнее число - непрозрачность.

background-color: rgba(25, 163, 71, .5);

Была ли эта страница полезной?
0 / 5 - 0 рейтинги