如何在D3.js中更新clipPath属性

Question

我想更改svg元素中clipPath的尺寸。我不想创建新的clipPath，因此我尝试使用d3更新或创建clipPath（如果不存在）。

var svgCanvas = d3.select(this).selectAll("svg").data([d]);

svgCanvas.enter().append("svg");
svgCanvas.attr("width", width).attr("height", height);

svgCanvas.selectAll('clipPath').data([1]);
svgCanvas.enter().append('clipPath')
    .attr("id", "clip-area")
    .append("rect")
    .attr("x", 0)
    .attr("y", 0)
    .attr("width", width)
    .attr("height", height);

// Now I can reference the clipped area with #clip-area

问题来自我已经创建了clipPath并尝试使用svgCanvas.selectAll('clipPath')检索它。选择为空，并创建新的clipPath，而不是修改现有的clipPath。

如何更新{{1}}？