canvasfaviconに通知数を表示する2018.10.07JavaScriptcanvasいろいろなサービスやツールを使っているとたまに見かける、faviconに通知数を表示する実装を試してみました。続きを読むcanvasで指定した順番で画像を表示する2018.07.29JavaScriptcanvascanvas内で複数の画像を描画しようとした際に意図した表示にならないことがあったので、対応方法をメモしておきます。アニメーション画像にかけるマスクを少し特殊に動かしたいということがあったので、canvasでマスクを動かす方法を試してみました。JavaScript単体iPhoneでvideoを使用する場合、autoplayの指定が効かない、再生時はフルスクリーン表示になるなど色々な制約があります。今回は、インラインで動画を自動再生させる方法がないかを調べてみました。確認はiOS9で行っています。続きを読むcanvasに表示した内容を画像に変換する2016.12.09JavaScriptcanvascanvasの内容を画像(データURI)に変換してみます。CreateJSFlashのようなリッチコンテンツを作成できるJavaScriptのフレームワーク「CreateJS」を使ってみます。続きを読むcanvasで画像にマスクをかける2016.12.02JavaScriptcanvascanvasで描画した画像にパスを指定してマスクをかける方法をメモ。APIでローカルから画像を選択して、取得した画像をcanvas上に表示する流れを実装してみたのでメモ。プラグイン雨が降っているような表現ができるライブラリ「rainyday.js」を使ってみます。プラグイン雨が水面に落ちたような演出のできるjQueryプラグイン「Raindrops.js」の使い方をメモ。cly7796.net。