我目前正在研究 svg，我想知道是否可以在悬停某些元素时轻松弹出工具提示。
我发现属性标题在这样使用时可用：
<path>
<title>Custom title</title>
</path>
然后我考虑自定义标题元素，以便它可以更快地产生，具有不同的背景等......
所以我尝试了不同的事情，比如：
path[title]:hover:after { instructions }
但不幸的是，它似乎不起作用。
有人知道从路径元素自定义标题的简单方法吗？
感谢您的帮助。
我一直在寻找这个问题，找到了一些关于使用 eval() 和 window[] 解决它的方法，但无法找出好的语法。
这是我的代码：
<script>
var colored = false;
function color(object) {
if(colored) {
document.getElementById(object).style = "fill:#0000ff";
colored = false;
} else {
document.getElementById(object).style = "fill:#000000";
colored = true;
}
}
</script>
此代码是通过单击链接为 svg 路径（代表眼睛）着色，然后再次单击同一链接返回原始颜色。
<a id="o1-right" onclick="color('right-orbit')" href="#">
此代码非常适合一次为单个元素着色。
但如果我想将它用于第二个链接，例如：
<a id="o1-left" onclick="color('left-orbit')" href="#">
那么名为 color 的变量就会因为使用两次而变得混乱。
我单击右眼：彩色被指定为 false。右眼为黑色。彩色将变得真实。我单击左眼：彩色当前指定为 true。左眼会变蓝。彩色会变假。
我希望左眼变成黑色。
问题出在左眼链接和右眼链接使用的变量上。
我正在寻找一种解决方案来根据对象动态命名变量。在我看来，这看起来像这样：
<script>
function color(object) {
var colored + object;
if(colored + object) {
document.getElementById(object).style = "fill:#0000ff";
colored + object = false;
} else {
document.getElementById(object).style …我无法使用 axios 从 Vue 应用程序向 WAMP 上运行的 PHP API 发出 XHR 请求。
错误消息如下：
CORS 策略阻止了在 ' http://localhost/myapp/api/test/1 ' 从源 ' http://localhost:8080 '访问 XMLHttpRequest ：对预检请求的响应未通过访问控制检查：否请求的资源上存在“Access-Control-Allow-Origin”标头。
如您所见，这是 CORS 的问题。在一些文档之后，这是我一直在做的修复它（仍然无法正常工作）。
Axios 调用：
axios({
method: 'get',
url: 'http://localhost/myapp/api/test/1',
data: JSON.stringify({}),
headers: { 'Content-Type': 'application/json', },
crossdomain: true,
});
如果我在 Web 浏览器中访问http://localhost/myapp/api/test/1，我会收到回复。
我试图将这行代码放在我的 PHP API 中，在我的入口点 (index.php)
header('Access-Control-Allow-Origin: *');
我配置了 WAMP ：
更改了 httpd-vhosts.conf 和 httpd.conf
# Virtual Hosts
<VirtualHost *:80>
ServerName localhost
ServerAlias localhost
DocumentRoot "${INSTALL_DIR}/www"
<Directory "${INSTALL_DIR}/www/">
Options +Indexes +Includes +FollowSymLinks …