Html2canvas: Opacidad

Depende de cómo estés usando la opacidad. Ponga un ejemplo usando jsfiddle.

También he intentado que la opacidad funcione y no parece mantenerla.

Tengo una imagen en un div. El div tiene css en línea opacity: 0.78; pero en la captura de pantalla es 100% opaco.

@ Dayjo Browser? SO? x86 o x64? Pon un ejemplo de jsfiddle por favor =)

OSX 10.11.4
Firefox 44.0.2
Chrome 49.0.2623.112

Editar: OK, parece que he resuelto esto agregando algo de CSS adicional a la etiqueta img. Lo he puesto explícitamente;

display: block;
position: static;

Y ahora las imágenes apoyan la opacidad, aunque no estoy seguro de por qué debe bloquearse, y la posición: relativa parece que realmente impide que funcione. Otros elementos que no son posición: relativa (es decir, un div con algo de texto) funcionaban bien.

Aquí hay un jsFiddle que ejemplifica el problema: http://jsfiddle.net/tqqaa16x/. Yo también estoy luchando con esto.

La opacidad no parece funcionar con los ejemplos más simples:
https://jsfiddle.net/JoolsCaesar/yLj4qwe2/3/
https://jsfiddle.net/JoolsCaesar/yLj4qwe2/5/
(Probado en Chrome)

Corregido en https://github.com/niklasvh/html2canvas/tree/v1.0.0

@niklasvh Aún tengo el mismo problema con la versión 1.0.0-alpha.12 Tengo un div con esquinas redondeadas, el fondo del sitio web es oscuro pero en la imagen guardada tiene esquinas blancas cuando deberían ser transparentes.

EJEMPLO:

Esto tampoco funciona para mí. Se pierde la opacidad.

@andy

@niklasvh Aún tengo el mismo problema con la versión 1.0.0-alpha.12 Tengo un div con esquinas redondeadas, el fondo del sitio web es oscuro pero en la imagen guardada tiene esquinas blancas cuando deberían ser transparentes.

EJEMPLO:

Debe usar el color de fondo: rgba (x, x, x, opacityValue) reemplazar por opacidad El estilo CSS debería resolver su problema.

Corregido en https://github.com/niklasvh/html2canvas/tree/v1.0.0

este enlace no funciona ahora!

Puedo confirmar que la opacidad aún no funciona en la última versión: 1.0.0-rc.7. ¿Quizás podamos volver a abrir este boleto?

Puedo confirmar que la opacidad aún no funciona en la última versión: 1.0.0-rc.7. ¿Quizás podamos volver a abrir este boleto?

Utilice esta versión: https://github.com/niklasvh/html2canvas/suites/1187063696/artifacts/17429870 , Opacity funcionará.

Puedo confirmar que la opacidad aún no funciona en la última versión: 1.0.0-rc.7. ¿Quizás podamos volver a abrir este boleto?

Utilice esta versión: https://github.com/niklasvh/html2canvas/suites/1187063696/artifacts/17429870 , Opacity funcionará.

¿Qué es exactamente esto a lo que me vinculó? Lo abrí y dice que es v1.0.0-rc.7 ...

Puedo confirmar que la opacidad aún no funciona en la última versión: 1.0.0-rc.7. ¿Quizás podamos volver a abrir este boleto?

Utilice esta versión: https://github.com/niklasvh/html2canvas/suites/1187063696/artifacts/17429870 , Opacity funcionará.

¿Qué es exactamente esto a lo que me vinculó? Lo abrí y dice que es v1.0.0-rc.7 ...

El nombre de la versión es el mismo, pero en este archivo js, ​​se corrigió el error de opacidad.

Puedo confirmar que la opacidad aún no funciona en la última versión: 1.0.0-rc.7. ¿Quizás podamos volver a abrir este boleto?

Utilice esta versión: https://github.com/niklasvh/html2canvas/suites/1187063696/artifacts/17429870 , Opacity funcionará.

¿Qué es exactamente esto a lo que me vinculó? Lo abrí y dice que es v1.0.0-rc.7 ...

El nombre de la versión es el mismo, pero en este archivo js, ​​se corrigió el error de opacidad.

¿Quizás podría realizar una solicitud de extracción para que toda la comunidad pueda beneficiarse de esta solución y podamos continuar utilizando yarn (o npm) para la dependencia de html2canvas?

@niklasvh ¡Acabo de comenzar a usar html2canvas en mi proyecto y es genial! Pero también me encuentro con este error de opacidad: ¿el paquete anterior soluciona este problema / hay alguna posibilidad de que pueda publicarlo y actualizar el paquete npm publicado?

@davidswinegar esto funcionó para mí. El último número es la opacidad.

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