explanation of d3.js transform and translate functions -
can explain transform , translate doing here:
d3.transform(d3.select(tick[0]).attr('transform')).translate[1];
the tick in above xaxis , value might translate(0,280)
.
so can see picking out second value of translate function why need wrap in d3.transform
?
d3.transform
helper function. since there many transformations available eg. translate
, rotate
, scale
, of value goes inside same value field difficult extract single transformation.
<circle cx="10" cy="20" r="15" transform="translate(0,100)scale(2, 2)rotate(180)"></circle>
but if wrap selected objects transform attribute d3.transform
can access individual components d3.transform()
functions methods.
eg.
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
hope helpful.
Comments
Post a Comment