如何将svg文件更改为HTML5
这是我的.svg文件代码。此应用程序以.svg格式创建启动屏幕。 我必须把它转换成HTML5。它使用的标签我不知道HTML5中的等效标签如何将svg文件更改为HTML5,html,svg,Html,Svg,这是我的.svg文件代码。此应用程序以.svg格式创建启动屏幕。 我必须把它转换成HTML5。它使用的标签我不知道HTML5中的等效标签 <?xml version="1.0" encoding="UTF-8"?> <image x="0" y="1" width="1920" height="1080" xlink:href=asd.jpg" /> <text x="500" y="160" font-family="arial" font-size
<?xml version="1.0" encoding="UTF-8"?>
<image x="0" y="1" width="1920" height="1080" xlink:href=asd.jpg" />
<text x="500" y="160" font-family="arial" font-size="72" fill="#99CCFF">test</text>
<text id="IPText" x="600" y="850" font-family="arial" font-size="45" fill="#f5f5f5"></text>
<text x="550" y="890" font-family="arial" font-size="28" fill="#f5f5f5">test</text>
<text x="550" y="910" font-family="arial" font-size="28" fill="#f5f5f5"> (e.g. test)</text>
<g id="urlBar" transform="translate(146, 10)">
<text id="urlBarText" x="352" y="970" font-family="arial" font-size="20" fill="#AAAAAA" editable="simple" focusable="true">http://</text>
</g>
</svg>
您可以直接将巡更svg图像放入html，只需确保它位于标记中 像这样。资料来源：
我认为你不应该把SVG翻译成HTML。 这是我为什么这么认为的一个粗略的简化 应该怎样 SVG擅长描述矢量内容创建。 HTML用于描述内容 例如，可以使用SVG创建图像内容。 您可以使用HTML来描述将图像放在页面上的位置、图像的类型等内容。 您可以使用CSS来描述内容样式的外观，例如颜色、字体和布局。 您可以使用JavaScript将行为添加到内容DOM操纵、AJAX、动画等 然而，这些事情中的很多（如果不是大多数的话）都可以单独使用SVG来完成，尽管我认为不应该这样做 你有什么 您有一个描述内容的SVG，即尝试执行HTML的工作。 你想把它翻译成HTML 我认为你应该做什么 我建议您学习HTML，然后使用HTML重新创建SVG。 从我所看到的，这是一个非常简单的布局，一旦你知道你在做什么，它应该不会花很长时间 附言。 我建议你避开这条路。
据我所知，还有更好、更可靠的替代方案。您可以将文件作为图像嵌入HTML页面：。或者您想将svg标记更改为html标记？我想将svg标记更改为html标记。请帮助我。以下是OP的实际代码，使用您的方法直接放在html页面中：我想在HTML5标记中添加这些标记。我不明白您的要求。svg元素是有效的html5。如果我错了，请纠正我，但是svg元素中的内容是一种不同的技术，它有自己的xml元素集。根据您的说法，我已将这些代码放入HTML标记中，但它没有正确加载它在.svg文件中加载的内容。这里Onload事件是在svg标记中定义的，但我已经在HTML Body标记中定义了。所有的java脚本都在下，所以javascript函数所需的任何修改。SVG1.1标记是HTML5标记，但这个svg文件使用svg Tiny 1.2。因此，不能将svg代码插入HTML文档。首先，您应该将此svg文件转换为SVG1.1。
<!DOCTYPE html>
<html>
<body>
<h1>My first SVG</h1>
<svg width="100" height="100">
<circle cx="50" cy="50" r="40" stroke="green" stroke-width="4" fill="yellow" />
</svg>
</body>
</html>