如何使用dojox.gfx调整对比度,使矢量图形变暗/变亮

时间:2012-10-08 17:27:17

标签: javascript dojo svg vector-graphics vml

我正在使用dojox.gfx来创建和操作矢量图形。我需要调整对比度并对它们应用模糊,变暗/变亮效果吗?

我需要支持的浏览器是IE 8+。所以,我必须在SVG(IE 9)和VML(IE 8)

上实现这些功能

有没有办法实现这个目标?通过道场或任何其他图书馆。

1 个答案:

答案 0 :(得分:0)

这是针对svg:

<svg xmlns="http://www.w3.org/2000/svg" width="200" height="200">
<filter id="brightness">
    <feComponentTransfer>
        <feFuncR type="linear" slope="4"/>
    <feFuncG type="linear" slope="4"/>
    <feFuncB type="linear" slope="4"/>
 </feComponentTransfer>
</filter>
<image filter="url(#brightness)" x="0" y="0" width="200" height="100" xlink:href="pic.png" />       
</svg>

对于VML,我不确定。

它可能是黑级属性,值介于-0.5(纯黑色)和0.5(纯白色)之间

<v:image style='width:200px;height:100px' src="images/temporary/pic2.png" blacklevel="-0.2"/>

这是vml blacklevel属性的链接

http://msdn.microsoft.com/en-us/library/bb229563%28v=vs.85%29.aspx