peannnuts note

情報系の大学生です。

canvasの色の重ね方は上書きだけじゃなかったetc.

こんにちは。情報系大学生のぴーなっつです。

ここ最近新しく知ったことたちのリンクを貼っておこうと思います。

 

canvasの色の重ね方は上書きだけじゃなかった

html canvasで図形を描くときには上書きしかできないと何故か思っていました。

ここ、背景に色付けたいだけなのに上書きになってしまうな、、、

透明度をつけて上から重ねると、下の図がぼやけてしまうな、、、

なんて悩んでいましたが、globalCompositeOperationで簡単に解決しました。

参考サイト↓

https://note.affi-sapo-sv.com/js-globalcompositeoperation.php

 

canvascanvasに描き写したい

canvasに描画した内容を別のcanvasにコピーしたい。

これは、canvasに描画した内容の一部分を別のcanvasにdrawImage()で描画したかったので必要でした。

下記サイトが分かりやすかったです↓

www.ipentec.com

 

ボタン要素の中のテキストをちょうどいい位置で改行したい

ウィンドウ幅を狭くしたときの自動改行、日本語だと変な位置で改行されてしまいますよね。英語は単語ごとに分けてくれるのに、、

これが<span>要素だけで簡単に解決しました。

参考サイト↓

allabout.co.jp

 

おわりに

以上最近参考になったサイトリンクでした。また次の記事で。