Html2canvas: CSSで回転したテキストをhtml2canvasでキャプチャすることはできません

css変換はまだサポートされていません

返信ありがとうございます。 次に、その垂直方向のテキストを表示するか、代わりに水平方向に表示する別の方法を考え出す必要があります。

これがいつサポートされるかについてのアイデア。 私はこれがかなり悪い必要があります（特にcss3matrix3d）

テキストコンテンツをスパンに追加してみてください。 それは私のために働いた。 理由はまだわかりませんが...

@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にあります）をキャンバスに変換することです。さらに、さらに一歩進んで、そのキャンバスを画像に変換します。 これは、DOM内の任意のSVGグループに対して再帰的に実行できます。

CSS変換で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 ：

Rotateは私から機能しましたが、スパンを使用して、上記の回答の1つを使用しました。 これが私がクラスを置いた私のスタイルでしたことです

。垂直 {
位置：絶対;
左：-50px;
上：0px;
幅：120px;
高さ：20px;
フォント-サイズ：12px;
色：＃333;
変換：rotate（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>

それが誰か、サルドを助けることを願っています