uupaa https://blog.hatena.ne.jp/uupaa/ latest log https://uupaa.hatenadiary.org/ JavaScript spinoff canvas 今日もHTML5::Canvasネタです。uupaa-excanvas.js は、テキスト + シャドウを自前でレンダリングしています(in VMLモード)。 VML自体は、不透明度をサポートしているのですが、テキスト要素に不透明度を設定しても無視されるという制限があります。影の部分はテキスト要素を重ね打ちして表現しているのですが、テキストに不透明度を設定できないため、重ね打ちした影のほうが、テキストよりも目立ってしまうという問題が起きてました。 不透明度が無いなら色でごまかせばいいじゃない。 ここは一つ『不透明度のかわりに 色(彩度と明るさ)を調整してエッジをぼかす』ってのにトライしてみまし… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fuupaa.hatenadiary.org%2Fentry%2F20090511%2F1241976132" title=" HSV色空間はこんなところでも役立つよ。ちらしの裏 - latest log" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> https://cdn-ak.f.st-hatena.com/images/fotolife/u/uupaa/20090511/20090511015605.png Hatena Blog https://hatena.blog 2009-05-11 02:22:12 rich https://uupaa.hatenadiary.org/entry/20090511/1241976132 1.0 100%