CSS3 の trasform による画像処理入門
こんにちは。Web 開発担当の梶野です。 最近はやっと IE8 対応も減ってきて、 CSS3 の transform を安心して使用できる機会が増えてきました。 そこで今回は、今更ではありますが、CSS3 の transform を使って基本的な画像変換である「任意座標を中心とした回転、拡大、移動」をやってみたいと思います。 transformの2つの使い方 CSS3 の transform プロパティの設定には大きくわけて以下の2つの方法が存在します。 ・ rotate()、scale()、 translate() でそれぞれの値を指定する ・ matrix() を使って全ての変換を1つの行列で指定する 今回は両方のアプローチで「任意座標を中心とした回転、拡大、移動」をやってみて同じ結果になることを確認しようと思います。 それぞれの場合で 100px × 100px の画像に対して以下の
＆nbsp; は半角スペースではないというお話 (フェンリル | デベロッパーズブログ)
いかがでしょう？ WEBブラウザにもよりますが、結構実際の見た目も違うように思います。 で、冒頭の「半角スペースと 」の件ですが、ちゃんと意識しておかないと「あれ？」と思うことがあります。 「 を半角スペース (0x20) に置き換える」プログラムがあるように、「 を半角スペースに置き換えず、nbsp (0xC2A0) に置き換える」プログラムもありますから、WEB ブラウザのように 0xC2A0 を表示できる場合はいいですけど、表示できないプログラムだと困りますよね。 冒頭の画像は、わが愛するテキステエディタ Emacs だとこんな感じになります、というサンプルでした おまけとして、 を 0xC2A0 に置き換える例を。雰囲気をお楽しみください。 use HTML::Entities; use Encode; use Data::Dumpe
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
