HTML5剪贴板API和Photoshop透明像素(PNG)

Question

我试图在Photoshop中选择一个半透明的纹理，并将其粘贴到HTML5剪贴板API中，并保持其透明度。

我只是花了很多时间研究这件事。我已经使用Photoshop复制半透明纹理一段时间，而原型(与Axure RP的目的地)。

现在，我尝试在html 5中使用新的剪贴板API。我剖析了这个过程生成的PNG文件。

如果我使用矩形块将半透明的纹理复制到带有剪贴板API的浏览器，它会将alpha字节设置为FF (完全不透明)。

如果我使用拖放API将一个“另存为Web”的PNG 24文件复制到浏览器，它将按预期工作，并且透明像素工作(并且alpha字节不会被强制到FF)。

我尝试过许多不同的文件格式，比如24位深度，改变层的透明度，填充等等。

注意:尽管Photoshop说它是24位，但它实际上仍然将它导出为8位(连同大量无用的文本数据)。

有没有人知道是否有办法用剪贴板API将Photoshop剪贴板选择放到浏览器中，以便保留alpha值？

提前谢谢..。

更新：-我使用的是Chrome版本24.0.1312.56m

Answer 1

根据我的理解，您需要粘贴当前保存在剪贴板中的Photoshop规范吗？目前，剪贴板API规范尚未完成，其工作草案与最新更新(2012年2月23日)。如果我们看一下规格说明的第10节:这些是强制性的mime类型：

text/plain
text/uri-list
text/csv
text/css
text/html
application/xhtml+xml
image/png
image/jpg
image/gif
image/svg+xml
application/xml, text/xml
application/javascript
application/json

您的问题在于您使用的浏览器，如果它实现了该功能，并且支持Photoshop，那么您可能能够这样做。

1