如何opengl加载png图片显示PNG图标

来源：蜘蛛抓取(WebSpider) 时间：2016-02-22 08:06 标签： 加载 png
如何将 Font Awesome 转成 PNG 图标 - 技术翻译 - 开源中国社区
当前访客身份：游客 [
已有文章 2327 篇
当前位置：
如何将 Font Awesome 转成 PNG 图标
英文原文：
0人收藏此文章,
推荐于 2年前 (共 5 段, 翻译完成于 03-30) ()
参与翻译(3人)：
Font Awesome为Twitter Bootstrap提供了一种独一无二的图像字体.它还提供了CSS的很强的扩展性. CSS 提供了一种描述HTML的机制，可以让你自由的设计网页。 你能给Font Awesome加上各种各样的参数来满足你的需求，比如说改变字体，字体大小，图标颜色，阴影等等。
Font Awesome 诱人的特性
Font Awesome只为Boostrap设计， BootStrap是一个前端开发的工具，可以帮助我们在线开发响应式和移动项目。即使你拥有不同的网页设计技能，你也能快速使用Font Awesome设计出富有创造性的图标.即使用单一的字体，你也可以创建369不同风格的图标，这一点很像象形语言. Font Awesome现在的版本是 4.0.0.兼容性问题不是问题，因为它不依赖JavaScript. 定制过程的过程只涉及以直观的方式使用CSS。 其可扩展矢量允许你更改图标的大小，以适应任何设计，让你的标志性设计看起来更加吸引人。
&翻译的不错哦!
将Font Awesome转换为PNG
Font Awesome能很容易的转换为PNG文件. 这种文件格式支持无损数据压缩，它使用的PNG文件扩展名或为多用途Internet邮件扩展（MIME）的图像/ png格式的媒体类型.使用PNG以全彩色非调色为基础，并支持灰度图像。PNG是一个被广泛使用的网页设计师最常用的无损图像压缩格式。因为在CSS中 可以使用，你需要将Font Awesome按一下步骤转换为PNG文件:
Step 1.从 .下载Font Awesome 程序。
Step 2.从Github上下载 .
Step 3. 保存Font Awesome 使用文档。
Step 4.以下是一个转换
的例子:使用此代码导出24&24像素的播放和停止图标，并且提取Font Awesome图标。Font-awesome-to-png.py&-&-&size&24&play&stop使用下列命令导出32 x 32位图的星号图标，来提取Font Awesome图标.Font-awesome-to-png.py&–size&32&–color&blue&asterisk通过使用此代码导出所有可提取Font Awesome图标的图标.Font-awesome-to-png.py&ALL
&翻译的不错哦!
第二种方法:
Font Awesome也可以使用PHP进行转换成png格式，以下是转换的代码。
Step 1. 你的web服务器应该能加载php5和gd库。
Step 2. 从Font Awesome网站上下载文件。
Step 3. 从GitHub上获取Font Awesome字体文件，确保他被放在和你的PHP指定目录下。
Step 4. 在终端中执行php代码
修改生成的 .php文件
1.可以用PHP生成任意尺寸的PNG图像，如这段代码所示：
$outputSizes&=
&array(’128′,&’96′,&’64′,&’48′,&’32′,&’24′,&’16′);
根据您的喜好通过从代码减少或增加的数量只需修改尺寸。
2. Font Awesome 的颜色也能被PHP设定:
$outputColors&=&array
&&&&‘white’=&array(‘r’=&255,&‘g’=&255,&‘b’=&255),
&&&&‘grey’=&array(‘r’=&128,&‘g’=&128,&‘b’=&128),
&&&&‘black’=&array(‘r’=&0,&‘g’=&0,&‘b’=&0),
3. 修改icons.data.php
你需要调整的icons.data.ph代码的字符代码的Font Awesome映射到输出的PNG编码的文件。每次Font Awesome添加新增加图标到它的数据的时候，也可以根据您想要从PNG文件的Font Awesome图标风格作适当的修改。你可以修改 & 达成上述的目标. &例如，如果你想要将Font Awesome字体添加透明效果，则修改的CSS文件中的代码将看起来像这样：
fa-glass:before{
&&&&content:&“\f000”;
之后的PHP代码看起来向这个样子：
$icons&=&array&
&&&&'glass'=&array('code'=&'?'),&
&翻译的不错哦!
可定制你要转换为PNG文件的图标式字体和图标
有很多 Font Awesome 图标，你可以提取并转换成PNG文件。最新版本的 Font Awesome 是4.0，它在不断更新不同类别的很棒的新的;设计。你可以从这些图标中选择：品牌，Web应用，货币，表单控制，方向，文本编辑器，医疗和视频播放器。这些图标在视网膜显示器上看起来很好，因为它们是矢量图形。
Font Awesome 4.0 中的更新
如果您运行的是 Font Awesome 的旧版本3.2.1，现在可以直接从 Font Awesome 网站升级到最新的 4.0 版。有很多可供网页设计师选择的自定义选项，包括内陆生物图标，大图标和固定宽度的图标，旋转中的图标，堆叠的和旋转方向的，还有翻转的图标等等。
&翻译的不错哦!
您可以提取该文件，并使用上述步骤转换成PNG格式。 &关于Font Awesome的最好的事情是，它是一个开源的，任何人都可以随时相应地缩放图标的大小不影响图标的图形质量。 & & &有时改变图像的大小可以妥协，特别是当它的大小被放大的图像的像素化。 &此问题不会发生在Font Awesome图标，因为它有保留其原始像素的高品质状况的能力。 & & &网页设计师建议使用PNG格式的Font Awesome图标，此时图像的质量较好时且不小于216px x216px大小。
&翻译的不错哦!
我不会告诉你下一步svg才是王道<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
您的访问请求被拒绝 403 Forbidden - ITeye技术社区
您的访问请求被拒绝
亲爱的会员，您的IP地址所在网段被ITeye拒绝服务，这可能是以下两种情况导致：
一、您所在的网段内有网络爬虫大量抓取ITeye网页，为保证其他人流畅的访问ITeye，该网段被ITeye拒绝
二、您通过某个代理服务器访问ITeye网站，该代理服务器被网络爬虫利用，大量抓取ITeye网页
请您点击按钮解除封锁&nsis 添加快捷方式，使用的图片是png 的，如何显示？我试过了ico是可以显示的，但是PNG的如何显示
[问题点数：60分，结帖人xuheazx]
nsis 添加快捷方式，使用的图片是png 的，如何显示？我试过了ico是可以显示的，但是PNG的如何显示
[问题点数：60分，结帖人xuheazx]
不显示删除回复
显示所有回复
显示星级回复
显示得分回复
只显示楼主
2013年 总版技术专家分年内排行榜第三
2012年 总版技术专家分年内排行榜第七
2013年 总版技术专家分年内排行榜第三
2012年 总版技术专家分年内排行榜第七
本帖子已过去太久远了，不再提供回复功能。

我要回帖

更多关于 加载 png 的文章

 

随机推荐