我正在尝试创建一个 JavaScript 头像。例如,头部元素、 body 元素等...我有一个 PHP 脚本,可以查询数据库并检索头像/用户当前佩戴的元素,它的响应位于序列化数组中。 元素/头像图像位于 E.G: http://blahblahblahBlah.com/graphic/itemtype/id.png
提前谢谢您。
最佳答案
如果所有图像都在一个文件中,您有两种选择。首先,您可以将其拆分为许多文件。但更好的方法是将其保存在一个文件中,然后制作带有背景图像的 div
;并使用偏移量。
例如,如果您有一个锤子,其尺寸为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" />
关于php - JavaScript 头像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3377211/