Craftworks https://blog.hatena.ne.jp/Craftworks/ Craftworks Tech Blog - Branch https://craftworks.hatenadiary.org/ html5 javascript アニメ GIF だと、背景色に合わせて透過画像を作らないといけないので、canvas でアニメーションしてみました。ソースはこちら http://gist.github.com/380581loading = new LoadingIcon('rgb') したのちに、 loading.start() すると setInterval() でアニメーションを開始しますので、 loading.element で HTMLCanvasElement オブジェクトが取れますので、appendChild() に渡すなり、jQuery の appendTo() なりに渡せば描画されます。raw を html… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fcraftworks.hatenadiary.org%2Fentry%2F20100427%2F1272363881" title="ローディングアイコンを画像の代わりに canvas でアニメーション描画 - Craftworks Tech Blog - Branch" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> Hatena Blog https://hatena.blog 2010-04-27 19:24:41 rich https://craftworks.hatenadiary.org/entry/20100427/1272363881 1.0 100%