JavaScript头像

Question

我正在尝试创建一个javascript头像。例如，头部项目、主体项目等。我有一个PHP脚本，它查询数据库并检索化身/用户当前穿着的物品，它的响应是一个序列化的数组。项目/头像图像为例如：http://blahblahblahBlah.com/graphic/itemtype/id.png

提前谢谢你。

Answer 1

如果所有图像都在一个文件中，则有两个选择。首先，你可以把它分成多个文件。但更好的方法是将其保存在一个文件中，然后使用背景图像制作divs；并使用偏移量。

例如，如果你有一个锤子，它的大小是24 * 24，位于100,100，你会这样做。假设您有一个名为http://blahblahblahBlah.com/character.php的文件

CSS

.hammerPic {
   width: 24px; height: 24px;
   background-image: url('graphic/itemtype/id.png');
   background-position: -100px -100px;
}

HTML

<div class="hammerPic" />

Answer 2

您可以使用数据uris从文本加载图像数据。http://en.wikipedia.org/wiki/Data_URI_scheme，如果这是你的问题：)