canvasの色の重ね方は上書きだけじゃなかったetc.
こんにちは。情報系大学生のぴーなっつです。
ここ最近新しく知ったことたちのリンクを貼っておこうと思います。
canvasの色の重ね方は上書きだけじゃなかった
html canvasで図形を描くときには上書きしかできないと何故か思っていました。
ここ、背景に色付けたいだけなのに上書きになってしまうな、、、
透明度をつけて上から重ねると、下の図がぼやけてしまうな、、、
なんて悩んでいましたが、globalCompositeOperationで簡単に解決しました。
参考サイト↓
https://note.affi-sapo-sv.com/js-globalcompositeoperation.php
canvasをcanvasに描き写したい
canvasに描画した内容を別のcanvasにコピーしたい。
これは、canvasに描画した内容の一部分を別のcanvasにdrawImage()で描画したかったので必要でした。
下記サイトが分かりやすかったです↓
ボタン要素の中のテキストをちょうどいい位置で改行したい
ウィンドウ幅を狭くしたときの自動改行、日本語だと変な位置で改行されてしまいますよね。英語は単語ごとに分けてくれるのに、、
これが<span>要素だけで簡単に解決しました。
参考サイト↓
おわりに
以上最近参考になったサイトリンクでした。また次の記事で。