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

时间:2013-01-16 10:24:44

标签: html5 drag-and-drop png photoshop

我正在尝试在Photoshop中选择半透明纹理并将其粘贴到HTML5剪贴板API中并保持其透明度。

我花了很多时间研究这个问题。我使用Photoshop在原型设计(Axure RP的目的地)的同时复制半透明纹理一段时间。

现在,我尝试在html 5中使用新的剪贴板API。我解剖了由此过程生成的PNG文件。

如果我使用矩形选框将半透明纹理复制到浏览器并使用剪贴板API,则会将字母字节设置为FF(完全不透明)。

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

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

注意:尽管Photoshop说它是24位,但它实际上仍将其输出为8位(以及卡车无用的文本数据)。

是否有人知道是否有使用剪贴板API将Photoshop剪贴板选择放入浏览器的解决方法,以便保留Alpha值?

提前致谢...

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

1 个答案:

答案 0 :(得分:0)

根据我的理解,你需要粘贴当前保存在剪贴板中的Photoshop规范吗? 目前,剪贴板API规范尚未完成,其工作草案最新更新(2012年2月23日)。 如果我们查看specification的第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] http://www.w3.org/TR/clipboard-apis/#introduction