Question

我想提取数据d="M75.5 299.5 111.5 299.5 111.5 311.5 75.5 311.5 z"，以便在创建另一个元素时使用它。

<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="670px" height="400px" style="position: relative; display: block; background-color: red;">
    <g>
        <path id="k19a56d40" data-model-id="k33d3f3bd" d="M75.5 299.5 111.5 299.5 111.5 311.5 75.5 311.5 z" stroke="#cc2900" stroke-width="1" stroke-linecap="square" stroke-linejoin="round" fill-opacity="1" stroke-opacity="1" fill="#FF3300"></path>
        <path id="k67a7e77a" data-model-id="k33d3f3bd" d="M75.5 299.5 111.5 299.5 111.5 311.5 75.5 311.5 z" stroke="#cc2900" stroke-width="1" stroke-linecap="square" stroke-linejoin="round" fill-opacity="1" stroke-opacity="1" fill="url(#kcd2b6a0)"></path>
    </g>
</svg>

Answer 1

使用这种方式：

$("#k19a56d40").attr("d");

Answer 2

试试这个：

$('svg').find('path').attr('d');

使用.eq()和.first()找到第一个：

$('svg').find('path').first().attr('d');
$('svg').find('path').eq(0).attr('d'); // <--change the index of your choice

如果您有两条路径，则可以使用

.last()。

Answer 3

纯JavaScript

function(pathElemId){
var path=document.getElementById(pathElemId);
return path.getAttribute("d")
}

此函数返回具有pathElemId

的路径元素的“d”

如何获取'SVG路径'的数据值？

3 个答案: