单击时更改svg元素的属性填充

单击时更改SVG元素的属性填充，可以通过JavaScript来实现。具体步骤如下：

首先，需要在HTML文件中引入一个SVG元素，可以使用<svg>标签来创建SVG图形。
在SVG元素中添加需要更改填充属性的元素，可以使用<rect>、<circle>、<path>等标签来创建不同的形状。
给需要更改填充属性的元素添加一个唯一的ID，可以使用id属性来设置。
在JavaScript中，使用document.getElementById()方法获取需要更改填充属性的元素。
使用addEventListener()方法为元素添加一个点击事件监听器。
在点击事件的回调函数中，使用setAttribute()方法来更改元素的填充属性。

以下是一个示例代码：

<!DOCTYPE html>
<html>
<head>
    <title>Change SVG Fill on Click</title>
</head>
<body>
    <svg width="200" height="200">
        <rect id="myRect" x="50" y="50" width="100" height="100" fill="blue"></rect>
    </svg>

    <script>
        var rect = document.getElementById("myRect");

        rect.addEventListener("click", function() {
            rect.setAttribute("fill", "red");
        });
    </script>
</body>
</html>

在上述示例中，当点击矩形元素时，会将其填充颜色从蓝色改变为红色。

对于SVG元素的属性填充的更多操作和应用场景，可以参考腾讯云的SVG相关产品和文档：

请注意，以上链接仅为示例，实际应根据具体情况选择合适的腾讯云产品和文档。