Question

我在html中内联了以下svg：

<div class="navigationItem">                
    <svg class="navigationItemIcon" viewBox="0 0 512 512">
        <path d="M257.122,165....">
    </svg>
</div>

svg显示和样式正确，但我的编辑器中出现2个错误（Eclipse Juno，Java EE透视图）

在svg属性viewbox=0 0 512 512上我收到错误：“undefined attributename”。
在<path>标签上，我收到错误：“undefined tag”。

我想我需要导入一些东西告诉我的编辑这些是有效的普通标签，但我不知道：

要导入什么？
在哪里导入（进入html文件？作为库进入我的项目？进入我的日食？）
导入的语法是什么？

Answer 1

我看到两个可能的错误：

1）viewbox是viewBox

2）路径元素未关闭，即/>

Answer 2

您需要导入svg DTD：

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" 
      xmlns:svg="http://www.w3.org/2000/svg">
<head>
    <meta charset="UTF-8" />
    <title>Titre : First SVG</title>
</head>
<body>
<h1>Cercle SVG</h1>

<svg:svg  width="100" height="100">
   <svg:circle cx="50" cy="50" r="40" stroke="green" stroke-width="4" fill="yellow" />
   Sorry, your browser does not support inline SVG.
</svg:svg>

</body>
</html>

Eclipse对内联svg标记/属性发出警告

2 个答案: