Html2canvas: 테두리 반경이있는 이미지가 작동하지 않습니다.

에 만든 2014년 03월 07일 · 6코멘트 · 출처: niklasvh/html2canvas

테두리 반경이있는 이미지는 정사각형으로 나타납니다. 나는 테두리를 강제하기 위해 색상과 투명한 1px 테두리를 추가하려고했습니다.

또한 border 및 overflow : hidden 이있는 래퍼 div로 시도했지만 작동하지 않습니다.

이것은 버그입니까? 그것을 해결하는 CSS 트릭이 있습니까?

Bug

출처

jorgecasar

모든 6 댓글

당신이 말한 것은 버그로 보이지만 문제의 테스트 케이스를 넣어 당신이 html을 어떻게 작동하는지 이해하십시오.

brcontainer 에 2014년 03월 07일

이 jsfindle을 만들었지 만 외부 이미지 때문에 작동하지 않습니다. 그러나 내가 테스트 한 것의 예를 보여주는 것으로 충분합니다.

더티 트릭 : 순간적으로 배경 이미지의 이미지를 변경했습니다.

jorgecasar 에 2014년 03월 07일

테두리 반경으로 이미지를 렌더링하는 것이 아니라 실제로 BUG입니다.

div#test2 는 렌더링 할 수 있지만 이미지가 겹칩니다.

@niklasvh 는 5.0-rc1에서도 발생합니다.

brcontainer 에 2014년 03월 07일

수정되어야 함

niklasvh 에 2014년 10월 07일

@niklasvh 안녕하세요, v1.0.0-alpha.10을 사용하는데 여전히이 문제가 있습니다 ~

peterzhai 에 2018년 10월 09일

이 문제가 해결 되었습니까? 테두리 반경이있는 캔버스 요소에서 이미지를 다운로드하려고하는데 저장된 이미지 (canvas.todataurl ()에서)가 정사각형입니다.

moothemonkey 에 2020년 05월 28일

👀3

이 페이지가 도움이 되었나요?

0 / 5 - 0 등급