gpt4 book ai didi

html - 如何在 svg 中引用 jpg?

转载 作者:搜寻专家 更新时间:2023-10-31 08:20:10 25 4
gpt4 key购买 nike

我有一个简单的 svg 示例,它只是包装了一个 jpg。这是 HTML:

<html>
<head>
</head>
<body>
<div id="theimageholder">
<img id="theimage" src="Images/simplepng.svg"></img>
</div>
</body>
</html>

这里是 simplepng.svg 的 SVG:

<?xml version="1.0"?>
<svg xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve"
width="410" height="340"
viewBox="0 0 200 200"
zoomAndPan="enable"
preserveAspectRatio="xMidYMin meet" >
<image x="0" y="0" width="200px" height="200px" xlink:href="earth.jpg"/>
</svg>

这适用于 IE9,但不适用于 Chrome 或 Firefox。他们都什么都不显示。 xlink:href 在那些浏览器中工作吗?

最佳答案

SVG 文件看起来 100% 正确: http://apike.ca/prog_svg_images.html

如果将图像标签切换为嵌入或对象标签,它将起作用:

<embed src="Images/test.svg" type="image/svg+xml" width="410" height="340" />
<object data="Images/test.svg" type="image/svg+xml" width="410" height="340" />

这可能只是这些浏览器的限制。我确认这也是 Safari 中的一个问题。我找不到这方面的引用或错误编号。

关于html - 如何在 svg 中引用 jpg?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13690177/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com