Canvas製のローダーを作成できるオンラインサービスを紹介します。Creatorの使い方は簡単で、右側の「Customizer」の値を変更するだけで、さまざまなタイプのローダーを作成できます。キャプチャだと分かりにくいので、少し大きめにしていくつか作成してみました。Rectangle、Scaling:True生成したローダーは「Download」ボタンをクリックすると、HTMLファイルをダウンロードできます。「形状:Circle、Scaling:True」のコードは下記のようになります。HTMLL.9の「heartcode-canvasloader-min.js」とL.26-34のスクリプトがローダーの箇所になります。