Html2canvas: 不透明度

这取决于您如何使用不透明度。 举一个使用jsfiddle的示例。

我一直在尝试使Opacity也能正常工作，而且似乎也无法维持。

我在div中有一张图片。 div有内联css opacity: 0.78;但是在屏幕截图中它是100％不透明的。

@Dayjo浏览器？ 操作系统？ x86或x64？ 请放一个jsfiddle示例=）

OSX 10.11.4
Firefox 44.0.2
铬49.0.2623.112

编辑：确定，所以我似乎已经通过向img标签添加一些额外的CSS来解决此问题。 我已经明确设置了；

display: block;
position: static;

现在，图像支持不透明度，尽管不确定为什么需要遮盖它以及位置：相对似乎实际上阻止了它的工作。 其他不是position：relative的元素（例如，带有一些文本的div）也可以正常工作。

这是一个jsFiddle举例说明了这个问题： http :

不透明度似乎不适用于最简单的示例：
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，网站背景是深色的，但是在保存的图像上，它应该是透明的时会有白色的角。

例：

这对我也不起作用。 不透明度丢失。

@安迪

@niklasvh使用1.0.0-alpha.12版本仍然存在相同的问题，我有一个带有圆角的div，网站背景是深色的，但是在保存的图像上，它应该是透明的时会有白色的角。

例：

您应该使用background-color：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文件中，不透明错误已修复。

也许您可以提出请求，以便整个社区都可以从此修复程序中受益，并且我们可以继续将yarn（或npm）用于html2canvas依赖项？

@niklasvh我刚刚开始在项目中使用html2canvas，这太好了！ 但是我也遇到了这个不透明的错误-上面的捆绑软件是否可以解决此问题/您是否有可能释放它并更新已发布的npm软件包？

@davidswinegar对我

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