[Category] JavaScript 全63件

今回stackblitzでデモを作ったのですが、どうやらstackblitzでは、html2canvasでhtmlを画像に変換する際に、600×400.pngが404になってしまうようです。実際にダウンロードし…

canvas内で画像を読み込み、それを任意の形にトリミングしてからcanvas内に配置する。 See the Pen Untitled by nekuta (@nekuta) on CodePen. 角丸の四角を作る 処…

こちらではGoogleFontsを使いましたが、今回はディレクトリに設置したダウンロードフォントをcanvasで使うためのメモ。 呼び出し 関連

canvasでテキストを中央揃えするデモ。 canvasのテキストを中央配置する 参考サイト https://developer.mozilla.org/ja/docs/Web/API/CanvasRenderingCo…

canvasでGoogleFontsを使いたかったので、対応をメモ。GoogleFontsを読ませる部分の処理に関してはこちらの記事の方のコードをほぼまるっと使わせていただきました。ありがとうございます。 ちょっとつまず…

html、css、jsで作ったシンプルなお知らせリストです。data-show=”3″の値を変更すれば初期表示のリスト数を制御できます。MOREを押した時の動きはgsapで行なっています。 初期表示リスト数を制御する ブ…

GWに何か面白いものを作れないかと思って、スマホの傾き角度によって画像を動かすデモを作成しました。用途は限られてきそうですが、ティザーサイトやLPなどの表現で使えるかも。実装はHTML、SCSS、TypeScript。ビ…

json-serverでモックサーバーを作っていきます。フロントエンドの開発中にAPIがまだ整備されていなかったりする時とかにサクッと作れて便利です。 まずはlocal環境づくり 今回はwebpackで作成していきます。…