Centering the tree in svg by the origin node about d3-pedigree-examples

[justincy]

In your code you have this:

var svg = d3.select("#fullmode-chart").append("svg")
        .attr("width", width)
        .attr("height", height)
        .attr("object-fit", "cover")
        .call(zoom)
        .append("g")
        .attr("transform", "translate(40,0)");

The transform in the last line is what determines the starting position. It moves (pans) the svg container. Just modify the transform values so that the start node is where you want it based on the size of your container.

[blu94]

sorry, because i have to create many different tree, with different origin node location, is there any way to get the location of the origin node? and zoom to the location? and also for the method that you mention, when i zoom it will jump how to solve this?,

[justincy]

Sorry but I don't have answers for you.

On Thu, Aug 25, 2016 at 11:36 AM, YAP CHENG WEI [email protected]
wrote:

sorry, because i have to create many different tree, with different origin
node location, is there any way to get the location of the origin node? and
zoom to the location? and also for the method that you mention, when i zoom
it will jump how to solve this?,

—
You are receiving this because you modified the open/close state.
Reply to this email directly, view it on GitHub
#12 (comment),
or mute the thread
https://github.com/notifications/unsubscribe-auth/AA_Uko-1FpsdK-K--4AvqQCJVePAH4a7ks5qjcSOgaJpZM4Js878
.

[blu94]

its ok, thank you very much