如何将 PHP“网络”“连接”到 .svg 图像

Question

基本上，有一个img 和一个.svg 图像的src。我正在尝试做的是慢慢地（0.2s 轻松）将它的颜色从黑色变为白色。
因为它不是内联的<svg>，所以我不能简单地在 CSS 中更改fill 的颜色。

我尝试将img src 更改为该图像的白色副本，但这样我就没有过渡了。

我可以使用交叉淡入淡出技术，但我想保持简单，不要使用position: absolute。

所以，我想出了一个解决方案。我在 jQuery 的 hover() 函数中更改了 PHP 变量的颜色，然后在 .svg 图像本身中更改了 echo 该变量：fill=<?php echo "'$color'" ?>

代码如下：
JavaScript/jQuery(mainjs.php)：

<?php
    $color = "";
?>

<script type="text/javascript">
$(function() {


    $("#svg_img").hover(
        function() {
            <?php $color = "#221e1f"; ?>
        },
        function() {
            <?php $color = "white"; ?>
        }
    );
});
</script>

和 HTML（如果需要）：

<img id="svg_img" src="images/um.svg" style="height: 7vh; vertical-align: middle;" alt="Home" />

那我该怎么做呢？如果不可能——或者你知道更好的方法——那么，如果没有交叉淡入淡出技术，我将如何实现我的目标？

Answer 1

在悬停时，您必须更新填充属性。您不需要悬停的 PHP 代码。

提示： 你在这里做的事情真的不是一个好主意。请找出 ajax 和 MVC 是什么。您不能在 JavaScript 中编写 PHP。