honjarake blog

自分用にテキトーにまとめる

javascript backgroundImage

例によって、グリモンのスクリプト作成中
imgタグの背景画像に読込中の画像を設定してみた

// LOADING_GIFには、画像データののURI
img.style.backgroundImage = 'url(\'' + LOADING_GIF + '\')';

あとは

.style.backgroundSize="60px 120px"; //サイズ
.style.backgroundRepeat = 'no-repeat'; //リピート
.style.backgroundPosition = 'right bottom'; //位置

こんな感じで変更する模様

今回は、下記のサイトで画像データをのdataスキームURI生成(画像データのBase64変換)して使ってみた
[JavaScript] dataスキームURI生成(画像データのBase64変換)