转:flex滤镜:聚光灯效果、放大镜效果、缩放模糊效果、浮雕效果和水波效果

可惜提供的源代码没有相应的libs包

1:聚光灯效果:

实例:http://www.rphelan.com/flex/SpotlightDemo/SpotlightDemo.html

    ambientColor - color to apply to all pixels of the image
    angle - angle at which the spotlight is projected (in degrees)
    azimuth - angle between the image plane and the spotlight (in degrees)
    coneAngle - angle of the spotlight's "opening" (in degrees)
    distance - distance from the spotlight to the center point
    intensity - intensity of the spotlight
    position - x, y, z position of the spotlight
    spotColor - color of the spotlight

源文件:http://www.rphelan.com/flex/SpotlightDemo/srcview/index.html

2:放大镜效果:

实例:http://www.rphelan.com/flex/MagnifyDemo/MagnifyDemo.html

    center ([0-2048, 0-2048]) - the center coordinates of the magnified area
    outerRadius (0-500) - the radius of the magnified part of the image
    innerRadius (0-500) - the radius of the fully magnified part of the image
    magnification (1-50) - the amount to magnify the image by (e.g. set to 2 for a 2x magnification)

源文件:http://www.rphelan.com/flex/MagnifyDemo/srcview/index.html

3:缩放模糊效果:

实例:http://www.rphelan.com/flex/ZoomBlurDemo/ZoomBlurDemo.html

    amount (0 - 0.5) - the amount of blur to apply
    center ([0 - 2048, 0 - 2048]) - the focal point of the blur

源文件:http://www.rphelan.com/flex/ZoomBlurDemo/srcview/index.html

4:浮雕效果:

实例:http://www.rphelan.com/flex/SharpenDemo/SharpenDemo.html

    amount (0 - 20) - the amount to sharpen the image by
    radius (0 - 1) - pixel distance to sample from

源文件:http://www.rphelan.com/flex/SharpenDemo/srcview/index.html

5:水波效果:

实例:http://www.rphelan.com/flex/WaveReflectionDemo/WaveReflectionDemo.html

    amplitude (0-1) - the height of the waves
    frequency (0-.54) - how close together the waves are. Higher value = more waves.
    progress (0-1) - percentage of the wave sequence. Animate from 0 to 1 to get a smooth wave effect.

源文件:http://www.rphelan.com/flex/WaveReflectionDemo/srcview/index.html

你可能感兴趣的:(html,Flex)