在使用D3进行缩放和平移时，如何将HTML元素与SVG元素一起翻译

var svg = d3.select("body")
  .append("svg")
  .attr("width", width)
  .attr("height", height);

var htmlContainer = svg.append("foreignObject")
  .attr("width", width)
  .attr("height", height);

htmlContainer.append("div")
  .attr("class", "html-element")
  .html("Hello, World!");

var zoom = d3.zoom()
  .scaleExtent([1, 10])
  .on("zoom", zoomed);

svg.call(zoom);

function zoomed() {
  htmlContainer.attr("transform", d3.event.transform);
  svg.attr("transform", d3.event.transform);
}