【问题标题】:HTML5 svg image tag - opacityHTML5 svg 图片标签 - 不透明度
【发布时间】:2013-09-20 06:47:48
【问题描述】:

我真诚地希望你能在这里帮助我。 我在自己的应用程序中使用了几个 svg 图像。稍后,我将添加一个功能来降低所有 svg 元素的不透明度。虽然在使用原生 svg 元素时这是一项微不足道的任务,但它似乎不适用于图像标签。

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

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

非常感谢您!

【问题讨论】:

    标签: svg opacity


    【解决方案1】:

    我刚刚注意到这很简单: 所以,没有样式和附加属性,只有不透明度。

    【讨论】:

      【解决方案2】:

      只需使用opacity 而不是填充不透明度和/或描边不透明度

      【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2016-10-28
      • 1970-01-01
      • 1970-01-01
      • 2016-10-12
      • 1970-01-01
      • 1970-01-01
      • 2017-10-04
      相关资源
      最近更新 更多