Html2canvas: CSS로 회전된 텍스트는 html2canvas로 캡처할 수 없습니다.

CSS 변환은 아직 지원되지 않습니다

답장해주셔서 감사합니다. 그런 다음 세로 텍스트를 표시하거나 가로로 표시하는 다른 방법을 찾아야 합니다.

이것이 언제 지원되는지에 대한 아이디어. 나는 이것이 꽤 필요합니다 (특히 css3 matrix3d)

범위에 텍스트 콘텐츠를 추가해 보세요. 그것은 나를 위해 일했습니다. 아직도 이유를 모르겠으나...

@MaitreyJukar 텍스트 내용을 범위로 감싸는 것이 저에게 적합하지 않습니다.

회전된 div 스크린샷에 대한 솔루션을 찾는 사람이 있습니까?

해결 방법:
http://www.jjoe64.com/2015/10/html2canvas-and-css-transform-rotate.html

@ jjoe64 https://github.com/niklasvh/html2canvas/issues/209#issuecomment -152904727

이미지, 차트 및 텍스트가 포함된 인포그래픽을 표시하고 있습니다. 차트의 세로 텍스트가 작동하지 않기 때문에 내가 하는 일은 canvg 를 사용하여 각 차트( c3 SVG에 있음)를 캔버스로 변환하는 것입니다. o 한 단계 더 나아가 해당 캔버스를 이미지로 변환하는 것입니다. 이것은 DOM의 모든 SVG 그룹에 대해 재귀적으로 수행할 수 있습니다.

CSS transform: perspective로 div를 어떻게 저장할 수 있습니까?

CSS로 div를 저장하는 방법 -webkit-mask-box-image: url(http://kz-c2.qiniudn.com/a.svg); ?

@zk7035 각 CSS 속성을 지원하려면 수동으로 빌드해야 하므로 아직 지원하지 않는 속성이 많이 있습니다. (https://github.com/niklasvh/html2canvas#browser-compatibility)

세부 정보: https://github.com/niklasvh/html2canvas/issues/246

회전은 나를 형성했지만 범위와 함께 위의 답변 중 하나를 사용했습니다. 여기 내가 클래스를 넣은 내 스타일로 한 일이 있습니다.

.세로 {
위치: 절대;
왼쪽: -50px;
상단: 0px;
너비: 120px;
높이: 20px;
글꼴 크기: 12px;
색상: #333;
변환: 회전(270deg);
}

내 요소에서 div 위치는 인라인 스타일로 상대적이고 div는 수직 클래스가 있는 범위입니다.

<div style="width:100%;float:left;text-align:left;height: 80px;margin-left:25px;border-left:1px solid #000;/*writing-mode: tb-rl;transform: rotate(-180deg);*/height: 100px;font-size:12px;position:relative;"><span class="vertical" style="top:20px;">Articulo No.</span></div>

누군가에게 도움이 되길 바랍니다, saludos