エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
canvas を使って画像をトリミングする - Diary
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
canvas を使って画像をトリミングする - Diary
canvas を使って画像をトリミングする const img = document.querySelector('img'); const canvas = doc... canvas を使って画像をトリミングする const img = document.querySelector('img'); const canvas = document.createElement('canvas'); canvas.width = width; canvas.height = height; const context = canvas.getContext("2d"); context.drawImage(img, x, y, width, height, 0, 0, width, height); というようなコードが紹介されることが多いですが、ダメです。これはディスプレイの解像度が伝統的な 96DPI になっていることに依存したコードで、現代的な HiDPI 環境では思った通りに動きません。 こうした問題に対応するためにwindow.devicePixelR