HTML5 svg图片标签 - 不透明度

Non*_*one 4 svg opacity

我真诚地希望你能在这里帮助我.我在自己的应用程序中使用了几个svg图像.稍后,我将添加一项功能,以减少所有svg元素的不透明度.虽然这在使用本机svg元素时是一项微不足道的任务,但它似乎不在图像标记内工作.

这是一个例子:http://jsbin.com/iGAnaVi/1/edit

如您所见,当我将不透明度应用于组元素时,文本标记受到影响,但是,图像标记不是.我知道.svg文件在查看时只是本机svg元素.但是,我仍然宁愿将不透明度降低到单个图像标签.这可能吗?

非常感谢你提前!

Rob*_*son 8

只需使用不透明度而不是填充不透明度和/或笔触不透明度