代码之家 › 专栏 › 技术社区 › None None

HTML5 svg图像标签-不透明

opacity svg

None None · 技术社区 · 11 年前

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

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

提前非常感谢!

2 回复 | 直到 11 年前

Erik Dahlström 10 年前

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

None None 11 年前

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

推荐文章

WebDragon · 是否可以通过在html<SVG>标签中设置特定的data-*属性来更改SVG图像中显示的文本内容?

4 月前

Paul Lovell · 为什么JavaScript中生成的SVG元素的大小与HTML中直接定义的SVG元素不同?

4 月前

man · CSS-如何具有或模拟仅适用于内部的半径边框

5 月前

McLaren · 增加笔划宽度属性后,图标将被裁剪

6 月前

docker compose · React Native中椭圆或圆角矩形视图周围的进度边界

10 月前

Lucas Martins Soares · 如何覆盖SVG图像的默认颜色?[副本]

10 月前

user2171796 · 两个M。。。Z序列相遇,背景颜色显现

10 月前

MarcelausZell · 调整svg的大小会导致额外的高度

10 月前

RaiuProGram · Svg evenoodd=“true”不起作用(用路径在Svg上打孔)

10 月前

compx · 当尝试使用Selenium选择svg时,NoSuchElements存在

11 月前