Html2canvas: 不透明度

不透明度をどのように使用しているかによって異なります。 jsfiddleを使用して例を挙げてください。

Opacityも機能させようとしていますが、維持されていないようです。

divに画像があります。 divにはインラインcss opacity: 0.78;がありますが、スクリーンショットでは100％不透明です。

@Dayjoブラウザ？ OS？ x86またはx64？ jsfiddleの例を入れてください=）

OSX 10.11.4
Firefox 44.0.2
Chrome 49.0.2623.112

編集：OKなので、imgタグにCSSを追加することでこれを解決したようです。 明示的に設定しました。

display: block;
position: static;

そして今、画像は不透明度をサポートしていますが、なぜブロックする必要があるのか​​はわかりませんが、position：relativeは実際には機能を停止しているようです。 position：relativeではない他の要素（つまり、テキストが含まれているdiv）は正常に機能していました。

これが問題を例示するjsFiddleです： 。 私もこれに苦労しています。

不透明度は、最も単純な例では機能しないようです。
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があり、Webサイトの背景は暗いですが、保存された画像では、透明にする必要があるときに角が白いです。

例：

これも私にはうまくいきません。 不透明度が失われます。

@andy

@niklasvhバージョン1.0.0-alpha.12を使用しても同じ問題が発生します。角が丸いdivがあり、Webサイトの背景は暗いですが、保存された画像では、透明にする必要があるときに角が白いです。

例：

背景色を使用する必要があります。不透明度の代わりに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 ：

最新リリース1.0.0-rc.7では、不透明度がまだ機能していないことを確認できます。 おそらく、このチケットを再開することができますか？

このバージョンを使用してください： https ：

あなたが私をリンクしたこれは正確には何ですか？ 開いたところ、v1.0.0-rc.7と表示されています...

最新リリース1.0.0-rc.7では、不透明度がまだ機能していないことを確認できます。 おそらく、このチケットを再開することができますか？

このバージョンを使用してください： https ：

あなたが私をリンクしたこれは正確には何ですか？ 開いたところ、v1.0.0-rc.7と表示されています...

バージョン名は同じですが、このjsファイルでは不透明度のバグが修正されています。

最新リリース1.0.0-rc.7では、不透明度がまだ機能していないことを確認できます。 おそらく、このチケットを再開することができますか？

このバージョンを使用してください： https ：

あなたが私をリンクしたこれは正確には何ですか？ 開いたところ、v1.0.0-rc.7と表示されています...

バージョン名は同じですが、このjsファイルでは不透明度のバグが修正されています。

おそらく、プルリクエストを作成して、コミュニティ全体がこの修正の恩恵を受け、html2canvasの依存関係にyarn（またはnpm）を引き続き利用できるようにすることができますか？

@niklasvhプロジェクトでhtml2canvasを使い始めたばかりですが、すばらしいです。 しかし、私もこの不透明性のバグに遭遇しています-上記のバンドルはこの問題を修正しますか/それをリリースしてリリースされたnpmパッケージを更新できる可能性はありますか？

@davidswinegarこれは私のために働いた。 最後の数字は不透明度です

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