Html2canvas: 불투명

불투명도를 사용하는 방법에 따라 다릅니다. jsfiddle을 사용하여 예제를 넣으십시오.

나는 불투명도를 작동 시키려고 노력했지만 그것을 유지하지 않는 것 같습니다.

div에 이미지가 있습니다. div에는 인라인 CSS opacity: 0.78; 있지만 스크린 샷에서는 100 % 불투명합니다.

@Dayjo 브라우저? OS? x86 또는 x64? jsfiddle 예제를 넣으십시오 =)

OSX 10.11.4
Firefox 44.0.2
크롬 49.0.2623.112

편집 : OK 그래서 img 태그에 추가 CSS를 추가하여이 문제를 해결 한 것 같습니다. 나는 명시 적으로 설정했습니다.

display: block;
position: static;

그리고 이제 이미지는 불투명도를 지원하지만 블록이 필요한 이유는 확실하지 않지만 position : relative는 실제로 작동을 중지하는 것처럼 보입니다. position : relative 가 아닌 다른 요소 (예

다음은 문제를 예시하는 jsFiddle입니다 : http://jsfiddle.net/tqqaa16x/. 나는 이것으로도 어려움을 겪고 있습니다.

불투명도는 가장 간단한 예에서는 작동하지 않는 것 같습니다.
https://jsfiddle.net/JoolsCaesar/yLj4qwe2/3/
https://jsfiddle.net/JoolsCaesar/yLj4qwe2/5/
(Chrome에서 테스트 됨)

https://github.com/niklasvh/html2canvas/tree/v1.0.0 에서 수정되었습니다.

@niklasvh 버전 1.0.0-alpha.12를 사용하여 동일한 문제가 계속 발생합니다. 모서리가 둥근 div가 있지만 웹 사이트 배경은 어둡지 만 저장된 이미지에는 투명해야 할 때 흰색 모서리가 있습니다.

예:

이것은 또한 나를 위해 작동하지 않습니다. 불투명도가 손실됩니다.

@andy

@niklasvh 버전 1.0.0-alpha.12를 사용하여 동일한 문제가 계속 발생합니다. 모서리가 둥근 div가 있지만 웹 사이트 배경은 어둡지 만 저장된 이미지에는 투명해야 할 때 흰색 모서리가 있습니다.

예:

배경색을 사용해야합니다 : 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 , Opacity가 작동합니다.

최신 릴리스 인 1.0.0-rc.7에서 불투명도가 여전히 작동하지 않는 것을 확인할 수 있습니다. 이 티켓을 다시 열 수 있을까요?

이 버전 사용 : https://github.com/niklasvh/html2canvas/suites/1187063696/artifacts/17429870 , Opacity가 작동합니다.

당신이 저를 연결시킨 것이 정확히 무엇입니까? 열어 보니 v1.0.0-rc.7 ...

최신 릴리스 인 1.0.0-rc.7에서 불투명도가 여전히 작동하지 않는 것을 확인할 수 있습니다. 이 티켓을 다시 열 수 있을까요?

이 버전 사용 : https://github.com/niklasvh/html2canvas/suites/1187063696/artifacts/17429870 , Opacity가 작동합니다.

당신이 저를 연결시킨 것이 정확히 무엇입니까? 열어 보니 v1.0.0-rc.7 ...

버전 이름은 동일하지만이 js 파일에서는 불투명도 버그가 수정되었습니다.

최신 릴리스 인 1.0.0-rc.7에서 불투명도가 여전히 작동하지 않는 것을 확인할 수 있습니다. 이 티켓을 다시 열 수 있을까요?

이 버전 사용 : https://github.com/niklasvh/html2canvas/suites/1187063696/artifacts/17429870 , Opacity가 작동합니다.

당신이 저를 연결시킨 것이 정확히 무엇입니까? 열어 보니 v1.0.0-rc.7 ...

버전 이름은 동일하지만이 js 파일에서는 불투명도 버그가 수정되었습니다.

전체 커뮤니티가이 수정 사항의 혜택을받을 수 있도록 풀 요청을 할 수 있고 html2canvas 종속성에 대해 yarn (또는 npm)을 계속 사용할 수 있습니까?

@niklasvh 방금 프로젝트에서 html2canvas를 사용하기 시작했는데 훌륭합니다! 그러나 나는 또한이 불투명도 버그를 겪고 있습니다-위의 번들 이이 문제를 해결합니까 / 릴리스하고 릴리스 된 npm 패키지를 업데이트 할 수 있습니까?

@ davidswinegar 이것은 나를 위해 일했습니다. 마지막 숫자는 불투명도입니다.

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