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

Question

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

我需要支持的浏览器是IE 8+。所以，我必须在 SVG(IE 9) 和 VML(IE 8) 上实现这些东西

有没有办法做到这一点？通过 dojo 或任何其他库。

Answer 1

这是针对 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，我不确定。

可能是 blacklevel 属性，值介于 -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