如何使用免费标签栏图标图像作为栏按钮图像？

Question

我为iOS提供了一些免费图片图标，例如http://glyphish.com/

但我认为这些图片用于标签栏图标，而不是条形按钮图片。我使用这些图像来显示按钮，但由于图像中的alphas，因此看起来不太好。条形按钮图像需要纯白图像。

1. 条形按钮有没有好的图像？
2. 或者，如何编辑要在条形按钮图像中使用的图像？我对Photoshop等图形工具并不熟悉。
3. 或者，我可以通过更改条形按钮属性来使用图像吗？我认为如果图像可以反转，它会更好。

Answer 1

假设您正在开发HTML / CSS / Javascript应用程序 - 您是否看过Jquery Mobile？

您可以使用带有Alpha背景的白色标准栏图标 - 请参阅按钮图标here上的JQM文档。

关于你的问题：

1）是的，你可以坚持使用框架提供的自定义图标

2）你总是可以在Photoshop中绘制自己的图标，或者（我更喜欢）Inkscape（免费和更简单）。我在Inkscape中做了this。在Jquery Mobile中很好用。

3）反转图像 - 如果您正在谈论将图像用作“蒙版” - 您只能使用-webkit-mask-image属性在Webkit浏览器上执行此操作而不更改图标（例如：here。如果您需要在不同的设备上使用它，你必须从背景图像中剪切图标。我在我的cross-browser tab-bar

中做了这个