scaling of svg

classic Classic list List threaded Threaded
2 messages Options
Reply | Threaded
Open this post in threaded view
|

scaling of svg

Martin Edge

Hi,


question around SVG rendering – we have bar graphs we render using Fop1.1 which work fine … as soon as I upgrade to 2.0+ - they are microscopic – is there anything I should be taking into consideration?

 

Whether it’s helpful or not – here is the FO output after XSLT

 

<fo:block width="85mm" margin="0"><fo:instream-foreign-object xmlns:svg="http://www.w3.org/2000/svg" width="85mm" height="60mm"><svg:svg width="270mm" height="165mm"><svg:g transform="translate(43,0)"><svg:text x="12mm" y="140mm" dx="17mm" dy="2mm" font-family="Franklin Gothic Book" font-size="8">Aug '16</svg:text><svg:text x="32" y="140" dx="27" dy="2" font-family="Franklin Gothic Book" font-size="8">Sep '16</svg:text><svg:rect x="95mm" y="55mm&#xA;                                                        " width="15mm" height="74mm&#xA;                                                        " style="fill:green"/><svg:text x="54" y="140" dx="37" dy="2" font-family="Franklin Gothic Book" font-size="8">Oct '16</svg:text><svg:text x="73" y="140" dx="47" dy="2" font-family="Franklin Gothic Book" font-size="8">Nov '16</svg:text><svg:text x="94" y="140" dx="57" dy="2" font-family="Franklin Gothic Book" font-size="8">Dec '16</svg:text><svg:text x="115" y="140" dx="67" dy="2" font-family="Franklin Gothic Book" font-size="8">Jan '17</svg:text><svg:line x1="20" y1="129" x2="200" y2="129" style="stroke:black;stroke-width:0.5"/><svg:line x1="20" y1="0" x2="20" y2="129" style="stroke:black;stroke-width:0.5"/><svg:text x="-10" y="6" font-family="Franklin Gothic Book" font-size="8">

                                                    $300</svg:text><svg:text x="-10" y="30" font-family="Franklin Gothic Book" font-size="8">

                                                    $240</svg:text><svg:text x="-10" y="55" font-family="Franklin Gothic Book" font-size="8">

                                                    $180</svg:text><svg:text x="-10" y="80" font-family="Franklin Gothic Book" font-size="8">

                                                    $120</svg:text><svg:text x="-10" y="105" font-family="Franklin Gothic Book" font-size="8">

                                                    $60</svg:text><svg:text x="-10" y="130" font-family="Franklin Gothic Book" font-size="8">

                                                    $0

                                                </svg:text></svg:g></svg:svg></fo:instream-foreign-object>

 

Any help appreciated

Thanks

Martin

 

 

 

Martin Edge
Chief Technical Officer
Ph: 0439 367 205

Description: Description: Emersion Logo
Emersion saves you time and money, by providing an easy to use, secure and scalable

billing, provisioning & operational support system delivered as a service in the cloud.

 

Emersion Software Systems Pty Ltd

Sales: .......... 1300 793 310    (+61 3 8658 9400)

Support: .......... +61 3 8658 9403

Postal: ………… GPO Box 2824, Melbourne VIC 3001

Address: .......... L8, 460 Bourke Street, Melbourne VIC 3000

Website: .................... http://www.emersion.com.au

General Enquiries: ...... [hidden email]

Twitter: .......... @EmersionBilling

 

 


This communication may contain CONFIDENTIAL or copyright information of Emersion Software Systems Pty Ltd (ABN 28 119 061 791). If you are not an intended recipient, you MUST NOT read, print, keep, forward, copy, use, save, retransmit or rely on this communication or any attachments, and any such action is unauthorised and prohibited. If you have received this communication in error, please reply to this e-mail to notify the sender of its incorrect delivery, and then delete both it and your reply. Emersion does not guarantee the integrity of any emails or any attached files. The views or opinions expressed are the author's own and may not reflect the views or opinions of Emersion. Thank you.  


 

 

Reply | Threaded
Open this post in threaded view
|

RE: scaling of svg

Martin Edge

Hey Christoffer,

 

Thanks for this – I ended up putting units on everything and that got me out of trouble, but I’ll probably go back and do it properly now ;-)

cheers

Martin

 

From: Christoffer Bruun [mailto:[hidden email]]
Sent: Monday, 10 October 2016 5:55 PM
To: [hidden email]
Cc: Martin Edge <[hidden email]>
Subject: Re: scaling of svg

 

Hi Martin,

Having looked at the SVG i believe you should define a viewBox on the svg:svg element - this defines what the size of the unit less coordinates.

See http://tutorials.jenkov.com/svg/svg-viewport-view-box.html#viewbox

br
Christoffer

Den 06-10-2016 kl. 13:10 skrev Martin Edge:

Hi,


question around SVG rendering – we have bar graphs we render using Fop1.1 which work fine … as soon as I upgrade to 2.0+ - they are microscopic – is there anything I should be taking into consideration?

 

Whether it’s helpful or not – here is the FO output after XSLT

 

<fo:block width="85mm" margin="0"><fo:instream-foreign-object xmlns:svg="http://www.w3.org/2000/svg" width="85mm" height="60mm"><svg:svg width="270mm" height="165mm"><svg:g transform="translate(43,0)"><svg:text x="12mm" y="140mm" dx="17mm" dy="2mm" font-family="Franklin Gothic Book" font-size="8">Aug '16</svg:text><svg:text x="32" y="140" dx="27" dy="2" font-family="Franklin Gothic Book" font-size="8">Sep '16</svg:text><svg:rect x="95mm" y="55mm&#xA;                                                        " width="15mm" height="74mm&#xA;                                                        " style="fill:green"/><svg:text x="54" y="140" dx="37" dy="2" font-family="Franklin Gothic Book" font-size="8">Oct '16</svg:text><svg:text x="73" y="140" dx="47" dy="2" font-family="Franklin Gothic Book" font-size="8">Nov '16</svg:text><svg:text x="94" y="140" dx="57" dy="2" font-family="Franklin Gothic Book" font-size="8">Dec '16</svg:text><svg:text x="115" y="140" dx="67" dy="2" font-family="Franklin Gothic Book" font-size="8">Jan '17</svg:text><svg:line x1="20" y1="129" x2="200" y2="129" style="stroke:black;stroke-width:0.5"/><svg:line x1="20" y1="0" x2="20" y2="129" style="stroke:black;stroke-width:0.5"/><svg:text x="-10" y="6" font-family="Franklin Gothic Book" font-size="8">

                                                    $300</svg:text><svg:text x="-10" y="30" font-family="Franklin Gothic Book" font-size="8">

                                                    $240</svg:text><svg:text x="-10" y="55" font-family="Franklin Gothic Book" font-size="8">

                                                    $180</svg:text><svg:text x="-10" y="80" font-family="Franklin Gothic Book" font-size="8">

                                                    $120</svg:text><svg:text x="-10" y="105" font-family="Franklin Gothic Book" font-size="8">

                                                    $60</svg:text><svg:text x="-10" y="130" font-family="Franklin Gothic Book" font-size="8">

                                                    $0

                                                </svg:text></svg:g></svg:svg></fo:instream-foreign-object>

 

Any help appreciated

Thanks

Martin

 

 

 

Martin Edge
Chief Technical Officer
Ph: 0439 367 205

Description: Description: Emersion Logo
Emersion saves you time and money, by providing an easy to use, secure and scalable

billing, provisioning & operational support system delivered as a service in the cloud.

 

Emersion Software Systems Pty Ltd

Sales: .......... 1300 793 310    (+61 3 8658 9400)

Support: .......... +61 3 8658 9403

Postal: ………… GPO Box 2824, Melbourne VIC 3001

Address: .......... L8, 460 Bourke Street, Melbourne VIC 3000

Website: .................... http://www.emersion.com.au

General Enquiries: ...... [hidden email]

Twitter: .......... @EmersionBilling

 

 


This communication may contain CONFIDENTIAL or copyright information of Emersion Software Systems Pty Ltd (ABN 28 119 061 791). If you are not an intended recipient, you MUST NOT read, print, keep, forward, copy, use, save, retransmit or rely on this communication or any attachments, and any such action is unauthorised and prohibited. If you have received this communication in error, please reply to this e-mail to notify the sender of its incorrect delivery, and then delete both it and your reply. Emersion does not guarantee the integrity of any emails or any attached files. The views or opinions expressed are the author's own and may not reflect the views or opinions of Emersion. Thank you.