объяснения d3.js преобразование и переводить функции

Question

Может кто-нибудь объяснить, что преобразование и перевод делает здесь:

d3.transform(d3.select(tick[0]).attr('transform')).translate[1]; 

Галочка в вышеописанном от Xaxis и его значение может быть translate(0,280).

Итак, я вижу, что я выбираю второе значение функции перевода, но зачем мне все это обертывать в d3.transform?

Answer 1

d3.transform является вспомогательной функцией. Поскольку существует множество преобразований, например. translate, rotate, scale и все его значения попадают в одно и то же поле значений, трудно извлечь одно преобразование.

<circle cx="10" cy="20" r="15" transform="translate(0,100)scale(2, 2)rotate(180)"></circle> 

Но если вы заключаете выбранные объекты преобразования атрибута с d3.transform, то вы можете получить доступ к отдельным компонентам с d3.transform() функциями методов.

например.

var c = d3.select('circle'); 

var tx = d3.transform(c.attr('transform')).translate 

var scale = d3.transform(c.attr('transform')).scale 

var rotate = d3.transform(c.attr('transform')).rotate 

Надеюсь, это полезно.