javascript的濾鏡使用

CSS中 濾鏡的用法 (限IE)

成都創(chuàng)新互聯(lián)公司主打移動(dòng)網(wǎng)站、做網(wǎng)站、成都網(wǎng)站設(shè)計(jì)、網(wǎng)站改版、網(wǎng)絡(luò)推廣、網(wǎng)站維護(hù)、域名申請(qǐng)、等互聯(lián)網(wǎng)信息服務(wù)，為各行業(yè)提供服務(wù)。在技術(shù)實(shí)力的保障下，我們?yōu)榭蛻?hù)承諾穩(wěn)定，放心的服務(wù)，根據(jù)網(wǎng)站的內(nèi)容與功能再?zèng)Q定采用什么樣的設(shè)計(jì)。最后，要實(shí)現(xiàn)符合網(wǎng)站需求的內(nèi)容、功能與設(shè)計(jì)，我們還會(huì)規(guī)劃穩(wěn)定安全的技術(shù)方案做保障。

語(yǔ)法:STYLE="filter:filtername(fparameter1,fparameter2...)}(Filtername為濾鏡的名稱(chēng)，fparameter1、fparameter2等是濾鏡的參數(shù))

對(duì)于在script中使用濾鏡,按常規(guī)設(shè)置style的方式即可：

object.style.filter ="progid:DXImageTransform.Microsoft.濾鏡名稱(chēng)(濾鏡配置屬性)"

濾鏡說(shuō)明：

Alpha：設(shè)置透明層次.

blur：創(chuàng)建高速度移動(dòng)效果，即模糊效果.

Chroma：制作專(zhuān)用顏色透明.

DropShadow：創(chuàng)建對(duì)象的固定影子.

FlipH：創(chuàng)建水平鏡像圖片.

FlipV：創(chuàng)建垂直鏡像圖片.

glow：加光輝在附近對(duì)象的邊外.

gray：把圖片灰度化.

invert：反色.

light：創(chuàng)建光源在對(duì)象上.

mask：創(chuàng)建透明掩膜在對(duì)象上.

shadow：創(chuàng)建偏移固定影子.

wave：波紋效果.

Xray：使對(duì)象變的像被x光照射一樣.

1.濾鏡:alpha

語(yǔ)法:

STYLE="filter:Alpha(Opacity=opacity,FinishOpacity=finishopacity,Style=style,

StartX=startX,StartY=startY,FinishX=finishX,FinishY=finishY)"

說(shuō)明：

Opacity:起始值，取值為0-100,0為透明，100為原圖.

FinishOpacity:目標(biāo)值.

Style：1或2或3

StartX：任意值

StartY：任意值

例子：filter:Alpha(Opacity="0",FinishOpacity="40",Style="2")

2.濾鏡:blur

語(yǔ)法:

STYLE="filter:Blur(Add=add,Direction=direction,Strength=strength)"

說(shuō)明：

Add:一般為1，或0.

Direction:角度,0-315度，步長(zhǎng)為45度.

Strength:效果增長(zhǎng)的數(shù)值,一般5即可.

例子：filter:Blur(Add="1",Direction="45",Strength="5")

3.濾鏡:chroma

語(yǔ)法:

STYLE="filter:Chroma(Color=color)"

說(shuō)明:

color:#rrggbb格式，任意.

例子：filter:Chroma(Color="#FFFFFF")

4.濾鏡:DropShadow

語(yǔ)法:

STYLE="filter:DropShadow(Color=color,OffX=offX,OffY=offY,Positive=positive)"

說(shuō)明:

Color:#rrggbb格式，任意.

Offx:X軸偏離值.

Offy:Y軸偏離值.

Positive:1或0.

例子：filter:DropShadow(Color="#6699CC",OffX="5",OffY="5",Positive="1")

5.濾鏡:FlipH

語(yǔ)法:

STYLE="filter:FlipH"

例子：filter:FlipH

6.濾鏡:FlipV

語(yǔ)法:

STYLE="filter:FlipV"

例子：filter:FlipV

7.濾鏡:Glow

語(yǔ)法:

STYLE="filter:Glow(Color=color,Strength=strength)"

說(shuō)明:

Color:發(fā)光顏色.

Strength:強(qiáng)度(0-100)

例子：filter:Glow(Color="#6699CC",Strength="5")

8濾鏡:Gray

語(yǔ)法:

STYLE="filter:Gray"

例子：filter:Gray

9.濾鏡:Invert

語(yǔ)法:

STYLE="filter:Invert"

例子：filter:Invert

10.濾鏡:Mask

語(yǔ)法:

STYLE="filter:Mask(Color=color)"

例子：filter:Mask(Color="#FFFFE0")

11.濾鏡:Shadow

語(yǔ)法:

filter:Shadow(Color=color,Direction=direction)

說(shuō)明:

Color:#rrggbb格式.

Direction:角度,0-315度，步長(zhǎng)為45度.

例子：filter:Shadow(Color="#6699CC",Direction="135")

12.濾鏡:Wave

語(yǔ)法:

filter:Wave(Add=add,Freq=freq,LightStrength=strength,Phase=phase,Strength=strength)

說(shuō)明:

Add:一般為1，或0.

Freq:變形值.

LightStrength:變形百分比.

Phase:角度變形百分比.

Strength:變形強(qiáng)度.

例子:filter:wave(Add="0",Phase="4",Freq="5",LightStrength="5",Strength="2")

13.濾鏡:Xray

語(yǔ)法:

STYLE="filter:Xray"

例子:filter:Xray

網(wǎng)站名稱(chēng)：關(guān)于javascript掩膜的信息
文章位置：http://chinadenli.net/article0/dsgggio.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供營(yíng)銷(xiāo)型網(wǎng)站建設(shè)、App設(shè)計(jì)、響應(yīng)式網(wǎng)站、企業(yè)網(wǎng)站制作、電子商務(wù)、定制開(kāi)發(fā)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶(hù)投稿、用戶(hù)轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話(huà)：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)