Hi Dushi, Have you tryed text-anchor ? Cheers, Samy --- In svg-developers@yahoogroups.com, "DJ" <[EMAIL PROTECTED]> wrote: > Hi All. > The following is my svg path data to represent small linear boxes. > <path d=" > M 0.6 50 4.6 50 > M 4.6 50 10.3 50 > M 10.4 50 12.1 50 > M 12.6 50 21.2 50 > M 21.8 50 26.6 50 > M 27.4 50 31.8 50 > M 31.6 50 44.2 50 > M 496.0 50 498.0 50 > M 497.8 50 500.5 50 > M 0.8 100 2.5 100 > M 2.5 100 5.3 100 > M 5.3 100 12.6 100 > M 14.5 100 20.3 100 > M 22.8 100 24.8 100 > " stroke="red" stroke-width="2"/> > > Now i want to give names to each box along the path.These names needs > to be represnted just above the each liner line in 45 degrees > VERTICALL rotation.. > I was sucessful in representing the names in 45 degrres vertically, > but the problem is names are not exactly matching the corresponding > boxes as they suppose to be.. > Can any one help me out here or suggest me any another way of doing > it.. > Pls have a look at this svg.. > > <?xml version="1.0" standalone="no"?> > <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" > "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd";> > <svg width="100%" height="100%" version="1.1" > xmlns="http://www.w3.org/2000/svg";> > > <path d=" > M 0.6 50 4.6 50 > M 4.8 50 10.3 50 > M 10.4 50 12.1 50 > M 12.6 50 21.2 50 > M 21.8 50 26.6 50 > M 0.8 100 2.5 100 > M 2.8 100 5.3 100 > M 5.9 100 12.6 100 > " stroke="blue" stroke-width="3"/> > > <!-- For first linear Line--> > <!-- First, a translate --> > <g transform="translate(0,48)"> > > <!-- Second, a rotate --> > <g transform="rotate(-45)"> > <text x="0.6" y="0.6" font-size="2" font-family="Verdana" > > box1 > </text> > <text x="4.8" y="4.8" font-size="2" font-family="Verdana" > > box2 > </text> > <text x="10.4" y="10.4" font-size="2" font-family="Verdana" > > box3 > </text> > > <text x="12.6" y="12.6" font-size="2" font-family="Verdana" > > box4 > </text> > <text x="21.8" y="21.8" font-size="2" font-family="Verdana" > > box5 > </text> > </g> > </g> > > > > <!-- For Second linear Line--> > <!-- First, a translate --> > <g transform="translate(0,98)"> > > <!-- Second, a rotate --> > <g transform="rotate(-45)"> > <text x="0.8" y="0.8" font-size="2" font-family="Verdana" > > box102 > </text> > <text x="2.8" y="2.5" font-size="2" font-family="Verdana" > > box103 > </text> > <text x="5.9" y="5.3" font-size="2" font-family="Verdana" > > box104 > </text> > </g> > </g> > > </svg> > > // > Cheers > Dushi
----- To unsubscribe send a message to: [EMAIL PROTECTED] -or- visit http://groups.yahoo.com/group/svg-developers and click "edit my membership" ---- Yahoo! Groups Links <*> To visit your group on the web, go to: http://groups.yahoo.com/group/svg-developers/ <*> To unsubscribe from this group, send an email to: [EMAIL PROTECTED] <*> Your use of Yahoo! Groups is subject to: http://docs.yahoo.com/info/terms/
