○「filter」プロパティで、画像にモザイクをかける処理をする方法を紹介します。 ○背景に、「background-color:transparent;」というプロパティ（background-color）の属性（transparent）を 入れなければならないので、必ず入れてください。m(_ _)m
○モザイク（Pixelate）のサイズ（maxsquare）を指定する。 【例文】 ||<#0000ff' style=' padding:0px; width:560px;' ``|| ||<#ffffff' style=' padding:10px; width:540px; text-align:center; background-color:transparent; filter:progid:DXImageTransform.Microsoft.Pixelate(maxsquare=3);' ``モザイクを、「maxsquare=2」にする。|| ||<#ffffff' style=' padding:0px; width:560px;' ``|| ||<#ffffff' style=' padding:10px; width:540px; text-align:center; background-color:transparent; filter:progid:DXImageTransform.Microsoft.Pixelate(maxsquare=3);' ``[[img(http://img.blogs.yahoo.co.jp/ybi/1/f5/8c/bea_nies/folder/577181/img_577181_43162809_0?20061022115155.jpg)]]|| ||<#0000ff' style=' padding:0px; width:560px;' ``|| ||<#ffffff' style=' padding:10px; width:540px; text-align:center; background-color:transparent; filter:progid:DXImageTransform.Microsoft.Pixelate(maxsquare=7);' ``モザイクを、「maxsquare=5」にする。|| ||<#ffffff' style=' padding:0px; width:560px;' ``|| ||<#ffffff' style=' padding:10px; width:540px; text-align:center; background-color:transparent; filter:progid:DXImageTransform.Microsoft.Pixelate(maxsquare=7);' ``[[img(http://img.blogs.yahoo.co.jp/ybi/1/f5/8c/bea_nies/folder/577181/img_577181_43162809_0?20061022115155.jpg)]]|| ||<#0000ff' style' padding:1px; width:560px;' ``|| 【元画像】 モザイクはかけていません。 【実際】
以上です m(_ _)m |
|||||||||||||||||||||||||||||||||||||
- >
- コンピュータとインターネット
- >
- インターネット
- >
- ホームページ
ホントに モザイクになってる！
2006/10/23(月) 午後 11:37
●マメタンクさん＞ 元画像を入れなくても、画像から「右クリック」しれば見れるけど、とりあえず元画像を書きました。(^_^;
2006/10/24(火) 午後 3:27
ぴーにぃさんやってみたけど 手のマークが出ません なぜ？
2006/10/24(火) 午後 10:32 [ kos**osu_*031 ]
●こすもすさん＞ すみません！ 【例文】に「 [[attached( )]] 」を書いてしまいました。申し訳ありませんが、普通の「 [[img( )]] 」で試してくださいね。(^_^;
2006/10/29(日) 午後 0:47