d3.js - 预期 ')' - SVG 转换抛出错误

Question

我正在使用 D3 向 g 添加属性元素。我还使用 D3-selection-multi 使编写属性更容易(允许您将对象传递给 .attrs() 函数)。

使用 webpack和 babel-preset-env

d3.select('g').attrs({
  'class': 'thing',
  'transform-origin': '50% 50%',
  'transform': `translate(${opts.w/2} ${opts.h/2}) rotate(${opts.angle}deg)`
})

我不断收到此错误: attribute transform: Expected ')'

Answer 1

原来你不能使用 单位 在 SVG 转换中。
rotate(45deg) - 不起作用并且会抛出错误。
rotate(45) - 预期行为。