如何在SVG标签中自定义PNG图像?

Deepanshu Demla

我正在尝试更改SVG标签中png图像的颜色。我有透明类型的PNG。我需要根据用户选择的颜色自定义PNG中的颜色。由于有些功能可以更改不同部分的颜色。那么如何做到这一点?有谁可以帮助我吗?

  <HoodieSvg
    backgound="red"
    width="800"
    height="800">
    <image href={lights} width="400" height="400" fill="#000"/>
    <image href={model} width="400" height="400" />
    <image href={shadows} width="400" height="400" />
  </HoodieSvg>

import React from 'react'

const HoodieSvg = (props) => {

return (
  <svg
    {...props}
    xmlns="http://www.w3.org/2000/svg"
  >
    {props.children}
  </svg>
)
}

 export default HoodieSvg
寄居蟹

与常规SVG元素不同,我认为无法在svg标签内更改PNG图像的颜色。根据Mozilla的文档,svg / image属性为x,y,宽度和高度

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何在Python中将自定义信息保存到PNG图像文件中?

来自分类Dev

如何在iOS中的自定义tableviewcell中的图像上添加文本标签

来自分类Dev

如何在Google Map API中的自定义图标图像上显示标签

来自分类Dev

如何在ckeditor中定义自定义html标签

来自分类Dev

如何在scriptlet中访问自定义标签的属性?

来自分类Dev

如何在networkx中自定义边缘标签的显示?

来自分类Dev

如何在cfImport中引用自定义标签路径?

来自分类Dev

如何在Wordpress中自定义标签?

来自分类Dev

如何在PyYaml中添加自定义嵌套标签?

来自分类Dev

如何在图表中自定义样式数据标签?

来自分类Dev

如何在ZK中自定义组件标签

来自分类Dev

如何在自定义tableviewcelll中设置标签的自定义字体?

来自分类Dev

如何在Android中自定义图像按钮

来自分类Dev

如何在自定义形状xml中添加图像

来自分类Dev

如何在MGWT ImageButton中添加自定义图像

来自分类Dev

如何在自定义形状xml中添加图像

来自分类Dev

如何在Java中创建自定义高清图像

来自分类Dev

如何在Java Web App中创建自定义标签?如何在JSP中使用自定义标签?

来自分类Dev

如何在Java Web App中创建自定义标签?如何在JSP中使用自定义标签?

来自分类Dev

如何在自定义模板标签中传递url标签?

来自分类Dev

如何使用图像和标签制作自定义UIBarButtonItem?

来自分类Dev

如何为图表自定义标签配置图像

来自分类Dev

从“高级自定义字段”图像中删除P标签

来自分类Dev

如何在自定义渲染器中获取按钮图像的图像宽度?

来自分类Dev

如何在Jodit中创建自定义按钮以将文本包装在代码标签中?

来自分类Dev

如何在Resharper中注册自定义html标签?

来自分类Dev

情节:如何在散点图中自定义标签?

来自分类Dev

如何在栏上设置自定义标签?

来自分类Dev

如何在标签视图上应用自定义样式

Related 相关文章

  1. 1

    如何在Python中将自定义信息保存到PNG图像文件中?

  2. 2

    如何在iOS中的自定义tableviewcell中的图像上添加文本标签

  3. 3

    如何在Google Map API中的自定义图标图像上显示标签

  4. 4

    如何在ckeditor中定义自定义html标签

  5. 5

    如何在scriptlet中访问自定义标签的属性?

  6. 6

    如何在networkx中自定义边缘标签的显示?

  7. 7

    如何在cfImport中引用自定义标签路径?

  8. 8

    如何在Wordpress中自定义标签?

  9. 9

    如何在PyYaml中添加自定义嵌套标签?

  10. 10

    如何在图表中自定义样式数据标签?

  11. 11

    如何在ZK中自定义组件标签

  12. 12

    如何在自定义tableviewcelll中设置标签的自定义字体?

  13. 13

    如何在Android中自定义图像按钮

  14. 14

    如何在自定义形状xml中添加图像

  15. 15

    如何在MGWT ImageButton中添加自定义图像

  16. 16

    如何在自定义形状xml中添加图像

  17. 17

    如何在Java中创建自定义高清图像

  18. 18

    如何在Java Web App中创建自定义标签?如何在JSP中使用自定义标签?

  19. 19

    如何在Java Web App中创建自定义标签?如何在JSP中使用自定义标签?

  20. 20

    如何在自定义模板标签中传递url标签?

  21. 21

    如何使用图像和标签制作自定义UIBarButtonItem?

  22. 22

    如何为图表自定义标签配置图像

  23. 23

    从“高级自定义字段”图像中删除P标签

  24. 24

    如何在自定义渲染器中获取按钮图像的图像宽度?

  25. 25

    如何在Jodit中创建自定义按钮以将文本包装在代码标签中?

  26. 26

    如何在Resharper中注册自定义html标签?

  27. 27

    情节:如何在散点图中自定义标签?

  28. 28

    如何在栏上设置自定义标签?

  29. 29

    如何在标签视图上应用自定义样式

热门标签

归档