CJK Previewer
日本語・韓国語・中国語(本土/簡体字)・中国語(台湾/繁体字)・中国語(香港/繁体字)における漢字の見た目を比べるためだけのサイト。綾坂こと.icon作
https://scrapbox.io/files/66d6dcfbb162d0001d97c983.png
綾坂こと.icon
つくった
重なるところだけ空白、ぎりクイズになりそう
https://gyazo.com/fd251102b07c10ca07a6ed978271ad74
/emoji/tada.icontakker.iconcak.icon
commit messagesツボったtakker.icon
赤、緑、青を初期状態で全て違う言語にしたほうがわかりやすそう
最初変えなければ差分がでないことに気づかず、差分の出る漢字を探し続けてた
綾坂こと.iconしました！(標準で「R日本語/G簡体字/B繁体字」)
仕事がはやいtakker.icon
bundleなしの単純な構成でちゃんとしたアプリになっているのがすごい
日本語のみのフォントだとダメっぽいbsahd.icon
なんかやらかしたか……？どういう表示になるか教えていただけるとめちゃくちゃありがたい綾坂こと.icon
Firefoxでアイコンフォント以外のwebfontを無効にする設定だと動かないbsahd.icon
https://gyazo.com/849d885584e67b17d08b66947fc4ee2b
そんな設定あるんだ……綾坂こと.icon
webfontが使えない環境用に「各言語のOSデフォルトフォントで描画する」があればいいかも
しました！langタグ属性をつければそうなるっぽくてすごい綾坂こと.icon
仕事がはやいbsahd.icon
https://gyazo.com/b10f4d7e46e89fcbeadf2dcf61b8dcdb
windowsデフォルトだとメイリオ、MS Yaheiが混ざるのでオプションでもよさそう
webfontが使える環境ではNoto Sansを使い、フォールバックでlang属性がよさそう
裏技ある firefox only
簡体字のフォント設定に日本語フォント2を、繁体字の設定に日本語フォント3をセットする
https://gyazo.com/5047ceee0ba870e05c5bcf98b7073a9d赤:M Plus 1p,緑:メイリオ？、青:Noto Sans JP
なんかそうなってそう(langをつけていようがWebfontが読み込めていれば使う、そうじゃなければ使わない感じになってる)綾坂こと.icon
そうなっていますbsahd.icon
文字の入力後、webfontが読み込むまで待たずに描画するためデフォルトで描画されることがある
canvasの再描画をformの変更がないときも毎秒再描画するとか？
とりあえずこれをやりますした(約24fps)綾坂こと.icon
丁寧に読み込んであげないとやはりだめか〜〜？綾坂こと.icon
読み込めない環境があるので読み込み完了までblockする必要はない(とりあえずやったほうだけでいい気がする)bsahd.icon
https://gyazo.com/b06e0af9187df5e7485d16712849628dhttps://gyazo.com/117294ea5f9df5e2ce36b39428a81c83こと
実は下の名前の漢字表記も用意はされている
https://gyazo.com/c34d9a22042f208ac171b67a249542e3
なぜかここの部分だけしばらくctrl+iが反応しなかった
画像の背景を「透明」「黒塗り」「白塗り」から選べるようにしました(自己満足)
よく考えたら仕組み的に白塗りまじで意味ない
意味のあるものにしました
おい↓の3枚目結局意味ないものになってるじゃねーか
https://gyazo.com/d4d6d9220abdd19ee946fc000af3091chttps://gyazo.com/ce91257126406d075f07b6c575b82d85https://gyazo.com/c0a51c8d30e5336d15bf5ddbf2459a3e
https://gyazo.com/0430593000191e9bd7afc05a193599cc、一応ズレが出ますねbsahd.icon