SVG只显示黑色

分类：uni-app

uniapp

SVG代码：

<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1691062196837" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="27115" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M902.144 190.464q43.008 1.024 64.512 24.064t21.504 60.928l0 41.984q0 36.864-0.512 88.576t-0.512 111.616-0.512 112.128-0.512 90.112l0 45.056q0 32.768-18.944 54.784t-46.592 22.016l-784.384 0q-32.768-1.024-57.344-24.064t-24.576-59.904l0-481.28q0-16.384 5.632-31.744t16.384-27.648 26.112-19.968 35.84-7.68l44.032 0 88.064 0 116.736 0 133.12 0 131.072 0q65.536 0 118.272 0.512t88.576 0.512l44.032 0zM857.088 286.72l-694.272 0 1.024 452.608 692.224-1.024zM924.672 477.184q-15.36 0-26.624 10.752t-11.264 26.112 11.264 26.112 26.624 10.752 26.624-10.752 11.264-26.112-11.264-26.112-26.624-10.752z" p-id="27116"></path></svg>

2023-11-27 22:11 负责人:无分享

3 个回复

最佳回复

DCloud_UNI_OttoJi - 日常回复 uni-app/x 问题，如果艾特我没看到，请主动私信

这个不属于 uni-app 问题，这是 svg 的使用，我提供一个红色的，你看着改吧。

<template>  
  <div class="">  

    <svg t="1691062196837" class="icon" fill="red" viewBox="0 0 1024 1024" version="1.1"  
      xmlns="http://www.w3.org/2000/svg" p-id="27115" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200">  
      <path  
        d="M902.144 190.464q43.008 1.024 64.512 24.064t21.504 60.928l0 41.984q0 36.864-0.512 88.576t-0.512 111.616-0.512 112.128-0.512 90.112l0 45.056q0 32.768-18.944 54.784t-46.592 22.016l-784.384 0q-32.768-1.024-57.344-24.064t-24.576-59.904l0-481.28q0-16.384 5.632-31.744t16.384-27.648 26.112-19.968 35.84-7.68l44.032 0 88.064 0 116.736 0 133.12 0 131.072 0q65.536 0 118.272 0.512t88.576 0.512l44.032 0zM857.088 286.72l-694.272 0 1.024 452.608 692.224-1.024zM924.672 477.184q-15.36 0-26.624 10.752t-11.264 26.112 11.264 26.112 26.624 10.752 26.624-10.752 11.264-26.112-11.264-26.112-26.624-10.752z"  
        p-id="27116"></path>  
    </svg>  

  </div>  
</template>

2023-11-28 19:36 分享

1***@qq.com

现在可以直接这样使用svg标签吗

2023-12-25 13:47
DCloud_UNI_OttoJi

回复 1***@qq.com: 没太理解你的意思，我提供可以运行的 demo https://gitcode.net/xiurensha5731/uni-app-questions/-/tree/q/mp-svg/src/pages/about 如有问题请沟通

2023-12-25 15:03

Gozi

这段代码里没有图形, 看下是不是发漏了.

提问是可以发附件的

2023-11-28 12:07 分享

z***@163.com (作者)

<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1691062196837" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="27115" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M902.144 190.464q43.008 1.024 64.512 24.064t21.504 60.928l0 41.984q0 36.864-0.512 88.576t-0.512 111.616-0.512 112.128-0.512 90.112l0 45.056q0 32.768-18.944 54.784t-46.592 22.016l-784.384 0q-32.768-1.024-57.344-24.064t-24.576-59.904l0-481.28q0-16.384 5.632-31.744t16.384-27.648 26.112-19.968 35.84-7.68l44.032 0 88.064 0 116.736 0 133.12 0 131.072 0q65.536 0 118.272 0.512t88.576 0.512l44.032 0zM857.088 286.72l-694.272 0 1.024 452.608 692.224-1.024zM924.672 477.184q-15.36 0-26.624 10.752t-11.264 26.112 11.264 26.112 26.624 10.752 26.624-10.752 11.264-26.112-11.264-26.112-26.624-10.752z" p-id="27116"></path></svg>

2023-11-28 17:07
Gozi

回复 z***@163.com: 针对这种情况已经做过兼容处理, 如果需要对 svg 进行换色, 所有的 svg 图标都需要经过预处理.

预处理过程可以参考插件详情页里 [SVG 图标生成] 章节

2023-11-28 22:18

z***@163.com (作者)

<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1691062196837" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="27115" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M902.144 190.464q43.008 1.024 64.512 24.064t21.504 60.928l0 41.984q0 36.864-0.512 88.576t-0.512 111.616-0.512 112.128-0.512 90.112l0 45.056q0 32.768-18.944 54.784t-46.592 22.016l-784.384 0q-32.768-1.024-57.344-24.064t-24.576-59.904l0-481.28q0-16.384 5.632-31.744t16.384-27.648 26.112-19.968 35.84-7.68l44.032 0 88.064 0 116.736 0 133.12 0 131.072 0q65.536 0 118.272 0.512t88.576 0.512l44.032 0zM857.088 286.72l-694.272 0 1.024 452.608 692.224-1.024zM924.672 477.184q-15.36 0-26.624 10.752t-11.264 26.112 11.264 26.112 26.624 10.752 26.624-10.752 11.264-26.112-11.264-26.112-26.624-10.752z" p-id="27116"></path></svg>

2023-11-28 17:07 分享

该问题目前已经被锁定, 无法添加新回复

SVG只显示黑色

3 个回复

公告

相关问题

SVG只显示黑色

与内容相关的链接

3 个回复

公告

相关问题