まとめブログダウンロード掲示板メール

れぶろぐ

< 2008-10-14 (火) 2008-10-25 (土) > 最新

2008-10-19 (日)

■ VML と clip プロパティを用いた放射状グラデーション

先日の VML と Compositor フィルタを用いた放射状グラデーションに引き続き、もう１つの方法を示しておきます。

VML と clip プロパティを用いた放射状グラデーション (IE 専用)

この方法は以下のような特徴があります。

長所
- 多色のグラデーションが可能
- opacity (不透明度) のグラデーションも２段階まで可能
- グラデーションの焦点も任意の位置に設定可能

短所
- 図形が四角の場合しか対応できない
- 回転などの変換を含む場合に対応できない
- ３つの図形を重ねる必要がある

四角形の場合しか使えない、というのが致命的なので、使える場面はかなり限られると思いますが、それでも良ければ綺麗な radial gradient を表示できます。

簡単に解説しておくと、この方法は３つの図形を重ねています。

中央を丸くくり抜いた四角形
放射状のグラデーションをかけた円
四角形の外枠

基本的には、グラデーションのかかった円を、四角形の上に乗せれば済むのですが、

円が半透明な場合は、四角形をくり抜いておかないと色が濃く見えてしまう
グラデーションの中心と四角形の中心がずれている場合は、はみ出た部分を隠さないといけない

といった問題があるので、こういったややこしい方法を採っています。

Tags: VML |

|

|

[コメントを書く]

コメントがあればどうぞ! E-mailアドレスは公開されません。

本日のリンク元

カレンダー

過去の日記

ブログ内検索

タグクラウド

最近の記事

2011-05-17 (火)
- 1. JavaScript PC Emulator
2011-05-07 (土)
- 1. [Kindle] Kindle Multilingual のサイトの公開
2011-04-15 (金)
- 1. [Kindle] Kindle DX が $299 で販売中
2011-04-12 (火)
- 1. [Esperanto] エスペラントの授業がある大学
2011-04-02 (土)
- 1. [Esperanto] エスペラントの講習会のご案内
2011-03-22 (火)
- 1. [Canvas] IE9 に対応した Flot 0.7 がリリース
2011-02-06 (日)
- 1. [Canvas] 最新ブラウザの Canvas Test Suite の結果
2011-02-02 (水)
- 1. [Canvas] FlashCanvas Pro 1.5 を公開しました
2011-02-01 (火)
- 1. [Canvas] FlashCanvas 20110201 版を公開しました
2011-01-29 (土)
- 1. [PHP] HTML_Emoji 0.8.3 を公開
2011-01-21 (金)
- 1. [Kindle] Amazon Kindle が欲しくなった
2011-01-13 (木)
- 1. [PukiWiki] PukiWiki のサポートについて
2010-12-05 (日)
- 1. [PHP] HTML_Emoji 0.8.2 を公開
2010-11-16 (火)
- 1. [Canvas] FlashCanvas Pro 1.4 を公開しました
2010-11-15 (月)
- 1. [Canvas] FlashCanvas 20101115 版を公開しました
2010-11-12 (金)
- 1. [PukiWiki] rewritemap パッチと table_edit プラグインの併用
2010-10-16 (土)
- 1. [SVG] IE で SVG ファイルの直接表示を可能にする sie.php 0.4 を公開
2010-10-15 (金)
- 1. [jQuery] Flot のグラフを IE9 に対応させる
2010-09-11 (土)
- 1. [Canvas] IE9 での FlashCanvas の使用について
2010-09-05 (日)
- 1. [Canvas] FlashCanvas Pro 1.3 を公開しました
2010-09-04 (土)
- 1. [Canvas] FlashCanvas 20100904 版を公開しました
2010-08-28 (土)
- 1. [Apache] .tar.gz ファイルがダウンロードできないのを修正する
2010-08-24 (火)
- 1. IE で HTML5 Canvas が使えるかどうかを調べる方法
2010-08-17 (火)
- 1. [PHP] HTML_Emoji 0.8.1 を公開
2010-08-13 (金)
- 1. [Canvas] FlashCanvas Pro 1.3 beta2 を公開しました
2010-08-12 (木)
- 1. [Flash] FlashVars のバグが 10.1.82.76 で修正された模様
2010-08-07 (土)
- 1. [PHP] PHP_Compat ライブラリの hash_algos 関数の実装について
2010-07-29 (木)
- 1. [Canvas] FlashCanvas Pro 1.3 beta1 を公開しました
2010-07-16 (金)
- 1. [VMware] VMware Player で vmnet2 などのカスタムネットワークを使う方法
2010-06-23 (水)
- 1. [Canvas] FlashCanvas 20100623 版を公開しました