Html2canvas: border-radius を使用した画像が機能しない

作成日 2014年03月07日  ·  6コメント  ·  ソース: niklasvh/html2canvas

境界線の半径を持つ画像は正方形として表示されます。 ボーダーを強制するために、カラーと透明の 1px ボーダーを追加してみました。

また、境界線とoverflow:hidden を使用してラッパー div を試しましたが、どちらも機能しません。

これはバグですか? それを解決するCSSのトリックはありますか?

Bug

全てのコメント6件

あなたが言ったことはバグのようですが、問題のテスト ケースを入れて、HTML の操作方法を理解してください。

この jsfindleを作成

下品なトリック: その時点で、背景画像の画像を変更しました。

これは実際にはバグであり、border-radius で画像をレンダリングしていません。

div#test2はレンダリングできますが、画像が重なります。

@niklasvhは 5.0-rc1 でも発生します

修正する必要があります

@niklasvhこんにちは、私は v1.0.0-alpha.10 を使用していますが、まだこの問題があります~

この問題は解決されましたか? ボーダー半径を持つキャンバス要素から画像をダウンロードしようとしていますが、保存された画像 (canvas.todataurl() から) は正方形です。

このページは役に立ちましたか?
0 / 5 - 0 評価