Html2canvas: Opacidade

Depende de como você está usando a opacidade. Coloque um exemplo usando jsfiddle.

Tenho tentado fazer com que o Opacity funcione também, mas não parece que ele o mantém.

Eu tenho uma imagem em um div. O div tem css inline opacity: 0.78; mas na imagem é 100% opaco.

@Dayjo Browser? SO? x86 ou x64? Coloque um exemplo jsfiddle por favor =)

OSX 10.11.4
Firefox 44.0.2
Chrome 49.0.2623.112

Edit: OK, então parece que resolvi isso adicionando algum CSS extra à tag img. Eu configurei explicitamente;

display: block;
position: static;

E agora as imagens suportam a opacidade, embora não saiba por que precisa ser bloqueada, e a posição: relativa parece realmente impedi-la de funcionar. Outros elementos que não são position: relative (ou seja, um div com algum texto) estavam funcionando bem.

Aqui está um jsFiddle exemplificando o problema: http://jsfiddle.net/tqqaa16x/. Estou lutando com isso também.

A opacidade não parece funcionar com o mais simples dos exemplos:
https://jsfiddle.net/JoolsCaesar/yLj4qwe2/3/
https://jsfiddle.net/JoolsCaesar/yLj4qwe2/5/
(Testado no Chrome)

Corrigido em https://github.com/niklasvh/html2canvas/tree/v1.0.0

@niklasvh Ainda tendo o mesmo problema ao usar a versão 1.0.0-alpha.12 Tenho um div com cantos arredondados, o fundo do site é escuro, mas na imagem salva tem cantos brancos quando deveriam ser transparentes.

EXEMPLO:

Isso também não está funcionando para mim. A opacidade foi perdida.

@andy

@niklasvh Ainda tendo o mesmo problema ao usar a versão 1.0.0-alpha.12 Tenho um div com cantos arredondados, o fundo do site é escuro, mas na imagem salva tem cantos brancos quando deveriam ser transparentes.

EXEMPLO:

Você deve usar a cor de fundo: rgba (x, x, x, opacityValue) substituir por opacidade O estilo css deve resolver seu problema.

Corrigido em https://github.com/niklasvh/html2canvas/tree/v1.0.0

este link não está funcionando agora!

Posso confirmar que a opacidade ainda não está funcionando na versão mais recente: 1.0.0-rc.7. Talvez possamos reabrir este tíquete?

Posso confirmar que a opacidade ainda não está funcionando na versão mais recente: 1.0.0-rc.7. Talvez possamos reabrir este tíquete?

Use esta versão: https://github.com/niklasvh/html2canvas/suites/1187063696/artifacts/17429870 , Opacity funcionará.

Posso confirmar que a opacidade ainda não está funcionando na versão mais recente: 1.0.0-rc.7. Talvez possamos reabrir este tíquete?

Use esta versão: https://github.com/niklasvh/html2canvas/suites/1187063696/artifacts/17429870 , Opacity funcionará.

O que exatamente é isso que você me vinculou? Eu abri e dizia que é v1.0.0-rc.7 ...

Posso confirmar que a opacidade ainda não está funcionando na versão mais recente: 1.0.0-rc.7. Talvez possamos reabrir este tíquete?

Use esta versão: https://github.com/niklasvh/html2canvas/suites/1187063696/artifacts/17429870 , Opacity funcionará.

O que exatamente é isso que você me vinculou? Eu abri e dizia que é v1.0.0-rc.7 ...

o nome da versão é o mesmo, mas neste arquivo js, ​​o bug de opacidade foi corrigido.

Posso confirmar que a opacidade ainda não está funcionando na versão mais recente: 1.0.0-rc.7. Talvez possamos reabrir este tíquete?

Use esta versão: https://github.com/niklasvh/html2canvas/suites/1187063696/artifacts/17429870 , Opacity funcionará.

O que exatamente é isso que você me vinculou? Eu abri e dizia que é v1.0.0-rc.7 ...

o nome da versão é o mesmo, mas neste arquivo js, ​​o bug de opacidade foi corrigido.

Talvez você possa fazer uma solicitação pull para que toda a comunidade possa se beneficiar dessa correção e possamos continuar a utilizar o yarn (ou npm) para a dependência do html2canvas.

@niklasvh Acabei de começar a usar html2canvas no meu projeto e isso é ótimo! Mas também estou encontrando esse bug de opacidade - o pacote acima corrige esse problema / há alguma chance de você lançá-lo e atualizar o pacote npm lançado?

@davidswinegar isso funcionou para mim. O último número sendo a opacidade

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