css 浏览器中的SVG代码未呈现(出现丢失的图像图标)

byqmnocz 于 2022-12-24 发布在其他

关注(0)|答案(1)|浏览(215)

我有一个SVG文件导出为HTML。
当我把这个粘贴到网页文档中时，我得到了渲染错误。为什么SVG没有按预期渲染和显示？
https://jsfiddle.net/46ra7vp0/

<?xml version="1.0" encoding="UTF-8"?>

下面是文件本身：
https://ufile.io/xwvdbcfa
预期产出：

实际产量：

css

来源：https://stackoverflow.com/questions/74893532/svg-code-in-browser-isnt-rendering-missing-image-icons-appear

1条答案

按热度按时间

gmxoilav1#

我不知道正确的答案，但它不是渲染，因为它们是剪辑路径，这意味着它渲染的是图像遮罩（SVG曲线），而不是里面的内容：

路径：

<clipPath id="id4">
    <path d="M10880.03 6197.11l0 1495.76c167.86,-56.87 335.58,-113.75 503.3,-170.63l0 -734.59c-168.44,-196.14 -336.15,-392.81 -503.3,-590.54z"/>
   </clipPath>

它无法找到应该在这些href上的每个关联PNG，例如：

<g style="clip-path:url(#id4) (...) href="Right Piece_Images\Right Piece_ImgID5.png**"/>
  </g>

赞(0）回复(0）举报 2022-12-24

我来回答

css 浏览器中的SVG代码未呈现(出现丢失的图像图标)

1条答案

相关问题

热门标签

最新问答