php - JavaScript アバター

Question

JavaScriptアバターを作成しようとしています。ヘッド アイテム、ボディ アイテムなどを含む EG...データベースにクエリを実行し、アバター/ユーザーが着用している現在のアイテムを取得する PHP スクリプトがあります。その応答はシリアル化された配列です。アイテム/アバター画像は EG です: http://blahblahblahBlah.com/graphic/itemtype/id.png

前もって感謝します。

Answer 1

すべての画像が 1 つのファイルにある場合、2 つの選択肢があります。まず、それを多くのファイルに分割できます。しかし、より良い方法は、それを 1 つのファイルに保持してからdiv、背景画像を使用して s を作成することです。オフセットを使用します。

たとえば、ハンマーがあり、サイズが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

データURIを使用して、テキストから画像データをロードできます。http://en.wikipedia.org/wiki/Data_URI_scheme、それがあなたの質問なら:)