Re: Converting from svg format to javafx css svg
Nice! :-) On 16 Jan 2014, at 16:53, Pedro Duque Vieira wrote: > Great work Alexander! > > Thanks :-) > > P.S.: We just have to drop the "-fx-" prefix now :) ;) > > > On Thu, Jan 16, 2014 at 8:48 AM, Alexander Kouznetsov < > alexander.kouznet...@oracle.com> wrote: > >> For JavaFX 8, please refer to http://download.java.net/jdk8/ >> jfxdocs/javafx/scene/doc-files/cssref.html >> >> You can use -fx-min-width, -fx-pref-width, -fx-max-width and corresponding >> height properties to set region size. >> >> Best regards, >> Alexander Kouznetsov >> (408) 276-0387 >> >> >> On 15 дек 2013 11:17, Pedro Duque Vieira wrote: >> >>> I think it is an interesting use of CSS - sizing stuff.. I think its the >>> only way that currently exists, i.e. using padding. >>> >>> P.s.: what happened to the width and height property that was discussed in >>> this mailing list? >>> On Dec 15, 2013 7:11 AM, "Gerrit Grunwald" >>> wrote: >>> >>> Hi Pedro, If you set -fx-scale-shape: true; you just have to know the aspect ratio of your svg path and can control the size of the Region in Java code (either in the skin or in the region class). To be honest I never tried to size a shape by using only padding in css. Cheers, Gerrit Am 15.12.2013 um 07:37 schrieb Pedro Duque Vieira < pedro.duquevie...@gmail.com>: Hi Gerrit, Yeah, thanks putting -fx-scale-shape: false does make the svg shape the original size as seen in Illustrator. I'm still left with a doubt though, you say you resize the region to make the svg the way you want to, how do you do that? programmatically, through java? How about doing it through CSS? That's why I was using padding, but I don't want to disrupt the aspect ratio.. Thanks, best regards, On Sat, Dec 14, 2013 at 11:47 PM, Gerrit Grunwald wrote: Hi Pedro, > > If I got you right you have scaling problems with the -fx-shape in css > right? So if you use > -fx-scale-shape: false; > the svg path should be exactly the same size as the original path from > Illustrator and if you would like to scale the shape to the size of the > Region you just set it to true and set the size if the Region to the > size > you need the svg path. > If your svg path has a certain aspect-ratio you should take care about > it > by resizing the Region correctly. That is the way I use it everywhere > and > it works really nicely. I usually don't use the padding for the svg > path in > css to resize it. > > Just my 0.02€... > > Cheers, > > Gerrit > > Am 14.12.2013 um 22:00 schrieb Pedro Duque Vieira < >> > pedro.duquevie...@gmail.com>: > >> Hi, >> >> While working in JMetro (Metro like controls for javafx) I have the >> following process for creating svg graphics using javafx css: >> 1- I create the vector graphics in Adobe Illustrator >> 2- save the file in svg format >> 3- get the svg path notation from the svg file and use it with javafx >> -fx-shape css property >> >> The thing that I haven't still mastered is how does the size of the >> > vector > >> graphics in Illustrastor translate to the size I have to input in the >> -fx-padding css property. I know I have to enter half the value of >> width >> for the left and right and half the value of the height for the top and >> bottom but still that doesn't seem to work. It's still more of a >> > process of > >> trial and error for me. >> >> Thanks in advance. >> >> >> -- >> Pedro Duque Vieira >> > -- Pedro Duque Vieira >> > > > -- > Pedro Duque Vieira
Re: Converting from svg format to javafx css svg
Great work Alexander! Thanks :-) P.S.: We just have to drop the "-fx-" prefix now :) ;) On Thu, Jan 16, 2014 at 8:48 AM, Alexander Kouznetsov < alexander.kouznet...@oracle.com> wrote: > For JavaFX 8, please refer to http://download.java.net/jdk8/ > jfxdocs/javafx/scene/doc-files/cssref.html > > You can use -fx-min-width, -fx-pref-width, -fx-max-width and corresponding > height properties to set region size. > > Best regards, > Alexander Kouznetsov > (408) 276-0387 > > > On 15 дек 2013 11:17, Pedro Duque Vieira wrote: > >> I think it is an interesting use of CSS - sizing stuff.. I think its the >> only way that currently exists, i.e. using padding. >> >> P.s.: what happened to the width and height property that was discussed in >> this mailing list? >> On Dec 15, 2013 7:11 AM, "Gerrit Grunwald" >> wrote: >> >> Hi Pedro, >>> >>> If you set -fx-scale-shape: true; you just have to know the aspect ratio >>> of your svg path and can control the size of the Region in Java code >>> (either in the skin or in the region class). >>> To be honest I never tried to size a shape by using only padding in css. >>> >>> Cheers, >>> >>> Gerrit >>> >>> Am 15.12.2013 um 07:37 schrieb Pedro Duque Vieira < >>> pedro.duquevie...@gmail.com>: >>> >>> Hi Gerrit, >>> >>> Yeah, thanks putting -fx-scale-shape: false does make the svg shape the >>> original size as seen in Illustrator. >>> >>> I'm still left with a doubt though, you say you resize the region to make >>> the svg the way you want to, how do you do that? programmatically, >>> through >>> java? How about doing it through CSS? That's why I was using padding, >>> but I >>> don't want to disrupt the aspect ratio.. >>> >>> Thanks, best regards, >>> >>> >>> On Sat, Dec 14, 2013 at 11:47 PM, Gerrit Grunwald >> >wrote: >>> >>> Hi Pedro, If I got you right you have scaling problems with the -fx-shape in css right? So if you use -fx-scale-shape: false; the svg path should be exactly the same size as the original path from Illustrator and if you would like to scale the shape to the size of the Region you just set it to true and set the size if the Region to the size you need the svg path. If your svg path has a certain aspect-ratio you should take care about it by resizing the Region correctly. That is the way I use it everywhere and it works really nicely. I usually don't use the padding for the svg path in css to resize it. Just my 0.02€... Cheers, Gerrit Am 14.12.2013 um 22:00 schrieb Pedro Duque Vieira < > pedro.duquevie...@gmail.com>: > Hi, > > While working in JMetro (Metro like controls for javafx) I have the > following process for creating svg graphics using javafx css: > 1- I create the vector graphics in Adobe Illustrator > 2- save the file in svg format > 3- get the svg path notation from the svg file and use it with javafx > -fx-shape css property > > The thing that I haven't still mastered is how does the size of the > vector > graphics in Illustrastor translate to the size I have to input in the > -fx-padding css property. I know I have to enter half the value of > width > for the left and right and half the value of the height for the top and > bottom but still that doesn't seem to work. It's still more of a > process of > trial and error for me. > > Thanks in advance. > > > -- > Pedro Duque Vieira > >>> >>> -- >>> Pedro Duque Vieira >>> >>> >>> > -- Pedro Duque Vieira
Re: Converting from svg format to javafx css svg
For JavaFX 8, please refer to http://download.java.net/jdk8/jfxdocs/javafx/scene/doc-files/cssref.html You can use -fx-min-width, -fx-pref-width, -fx-max-width and corresponding height properties to set region size. Best regards, Alexander Kouznetsov (408) 276-0387 On 15 дек 2013 11:17, Pedro Duque Vieira wrote: I think it is an interesting use of CSS - sizing stuff.. I think its the only way that currently exists, i.e. using padding. P.s.: what happened to the width and height property that was discussed in this mailing list? On Dec 15, 2013 7:11 AM, "Gerrit Grunwald" wrote: Hi Pedro, If you set -fx-scale-shape: true; you just have to know the aspect ratio of your svg path and can control the size of the Region in Java code (either in the skin or in the region class). To be honest I never tried to size a shape by using only padding in css. Cheers, Gerrit Am 15.12.2013 um 07:37 schrieb Pedro Duque Vieira < pedro.duquevie...@gmail.com>: Hi Gerrit, Yeah, thanks putting -fx-scale-shape: false does make the svg shape the original size as seen in Illustrator. I'm still left with a doubt though, you say you resize the region to make the svg the way you want to, how do you do that? programmatically, through java? How about doing it through CSS? That's why I was using padding, but I don't want to disrupt the aspect ratio.. Thanks, best regards, On Sat, Dec 14, 2013 at 11:47 PM, Gerrit Grunwald wrote: Hi Pedro, If I got you right you have scaling problems with the -fx-shape in css right? So if you use -fx-scale-shape: false; the svg path should be exactly the same size as the original path from Illustrator and if you would like to scale the shape to the size of the Region you just set it to true and set the size if the Region to the size you need the svg path. If your svg path has a certain aspect-ratio you should take care about it by resizing the Region correctly. That is the way I use it everywhere and it works really nicely. I usually don't use the padding for the svg path in css to resize it. Just my 0.02€... Cheers, Gerrit Am 14.12.2013 um 22:00 schrieb Pedro Duque Vieira < pedro.duquevie...@gmail.com>: Hi, While working in JMetro (Metro like controls for javafx) I have the following process for creating svg graphics using javafx css: 1- I create the vector graphics in Adobe Illustrator 2- save the file in svg format 3- get the svg path notation from the svg file and use it with javafx -fx-shape css property The thing that I haven't still mastered is how does the size of the vector graphics in Illustrastor translate to the size I have to input in the -fx-padding css property. I know I have to enter half the value of width for the left and right and half the value of the height for the top and bottom but still that doesn't seem to work. It's still more of a process of trial and error for me. Thanks in advance. -- Pedro Duque Vieira -- Pedro Duque Vieira
Re: Converting from svg format to javafx css svg
I think it is an interesting use of CSS - sizing stuff.. I think its the only way that currently exists, i.e. using padding. P.s.: what happened to the width and height property that was discussed in this mailing list? On Dec 15, 2013 7:11 AM, "Gerrit Grunwald" wrote: > Hi Pedro, > > If you set -fx-scale-shape: true; you just have to know the aspect ratio > of your svg path and can control the size of the Region in Java code > (either in the skin or in the region class). > To be honest I never tried to size a shape by using only padding in css. > > Cheers, > > Gerrit > > Am 15.12.2013 um 07:37 schrieb Pedro Duque Vieira < > pedro.duquevie...@gmail.com>: > > Hi Gerrit, > > Yeah, thanks putting -fx-scale-shape: false does make the svg shape the > original size as seen in Illustrator. > > I'm still left with a doubt though, you say you resize the region to make > the svg the way you want to, how do you do that? programmatically, through > java? How about doing it through CSS? That's why I was using padding, but I > don't want to disrupt the aspect ratio.. > > Thanks, best regards, > > > On Sat, Dec 14, 2013 at 11:47 PM, Gerrit Grunwald wrote: > >> Hi Pedro, >> >> If I got you right you have scaling problems with the -fx-shape in css >> right? So if you use >> -fx-scale-shape: false; >> the svg path should be exactly the same size as the original path from >> Illustrator and if you would like to scale the shape to the size of the >> Region you just set it to true and set the size if the Region to the size >> you need the svg path. >> If your svg path has a certain aspect-ratio you should take care about it >> by resizing the Region correctly. That is the way I use it everywhere and >> it works really nicely. I usually don't use the padding for the svg path in >> css to resize it. >> >> Just my 0.02€... >> >> Cheers, >> >> Gerrit >> >> > Am 14.12.2013 um 22:00 schrieb Pedro Duque Vieira < >> pedro.duquevie...@gmail.com>: >> > >> > Hi, >> > >> > While working in JMetro (Metro like controls for javafx) I have the >> > following process for creating svg graphics using javafx css: >> > 1- I create the vector graphics in Adobe Illustrator >> > 2- save the file in svg format >> > 3- get the svg path notation from the svg file and use it with javafx >> > -fx-shape css property >> > >> > The thing that I haven't still mastered is how does the size of the >> vector >> > graphics in Illustrastor translate to the size I have to input in the >> > -fx-padding css property. I know I have to enter half the value of width >> > for the left and right and half the value of the height for the top and >> > bottom but still that doesn't seem to work. It's still more of a >> process of >> > trial and error for me. >> > >> > Thanks in advance. >> > >> > >> > -- >> > Pedro Duque Vieira >> > > > > -- > Pedro Duque Vieira > >
Re: Converting from svg format to javafx css svg
Hi Pedro, If you set -fx-scale-shape: true; you just have to know the aspect ratio of your svg path and can control the size of the Region in Java code (either in the skin or in the region class). To be honest I never tried to size a shape by using only padding in css. Cheers, Gerrit > Am 15.12.2013 um 07:37 schrieb Pedro Duque Vieira > : > > Hi Gerrit, > > Yeah, thanks putting -fx-scale-shape: false does make the svg shape the > original size as seen in Illustrator. > > I'm still left with a doubt though, you say you resize the region to make the > svg the way you want to, how do you do that? programmatically, through java? > How about doing it through CSS? That's why I was using padding, but I don't > want to disrupt the aspect ratio.. > > Thanks, best regards, > > >> On Sat, Dec 14, 2013 at 11:47 PM, Gerrit Grunwald >> wrote: >> Hi Pedro, >> >> If I got you right you have scaling problems with the -fx-shape in css >> right? So if you use >> -fx-scale-shape: false; >> the svg path should be exactly the same size as the original path from >> Illustrator and if you would like to scale the shape to the size of the >> Region you just set it to true and set the size if the Region to the size >> you need the svg path. >> If your svg path has a certain aspect-ratio you should take care about it by >> resizing the Region correctly. That is the way I use it everywhere and it >> works really nicely. I usually don't use the padding for the svg path in css >> to resize it. >> >> Just my 0.02€... >> >> Cheers, >> >> Gerrit >> >> > Am 14.12.2013 um 22:00 schrieb Pedro Duque Vieira >> > : >> > >> > Hi, >> > >> > While working in JMetro (Metro like controls for javafx) I have the >> > following process for creating svg graphics using javafx css: >> > 1- I create the vector graphics in Adobe Illustrator >> > 2- save the file in svg format >> > 3- get the svg path notation from the svg file and use it with javafx >> > -fx-shape css property >> > >> > The thing that I haven't still mastered is how does the size of the vector >> > graphics in Illustrastor translate to the size I have to input in the >> > -fx-padding css property. I know I have to enter half the value of width >> > for the left and right and half the value of the height for the top and >> > bottom but still that doesn't seem to work. It's still more of a process of >> > trial and error for me. >> > >> > Thanks in advance. >> > >> > >> > -- >> > Pedro Duque Vieira > > > > -- > Pedro Duque Vieira
Re: Converting from svg format to javafx css svg
Hi Gerrit, Yeah, thanks putting -fx-scale-shape: false does make the svg shape the original size as seen in Illustrator. I'm still left with a doubt though, you say you resize the region to make the svg the way you want to, how do you do that? programmatically, through java? How about doing it through CSS? That's why I was using padding, but I don't want to disrupt the aspect ratio.. Thanks, best regards, On Sat, Dec 14, 2013 at 11:47 PM, Gerrit Grunwald wrote: > Hi Pedro, > > If I got you right you have scaling problems with the -fx-shape in css > right? So if you use > -fx-scale-shape: false; > the svg path should be exactly the same size as the original path from > Illustrator and if you would like to scale the shape to the size of the > Region you just set it to true and set the size if the Region to the size > you need the svg path. > If your svg path has a certain aspect-ratio you should take care about it > by resizing the Region correctly. That is the way I use it everywhere and > it works really nicely. I usually don't use the padding for the svg path in > css to resize it. > > Just my 0.02€... > > Cheers, > > Gerrit > > > Am 14.12.2013 um 22:00 schrieb Pedro Duque Vieira < > pedro.duquevie...@gmail.com>: > > > > Hi, > > > > While working in JMetro (Metro like controls for javafx) I have the > > following process for creating svg graphics using javafx css: > > 1- I create the vector graphics in Adobe Illustrator > > 2- save the file in svg format > > 3- get the svg path notation from the svg file and use it with javafx > > -fx-shape css property > > > > The thing that I haven't still mastered is how does the size of the > vector > > graphics in Illustrastor translate to the size I have to input in the > > -fx-padding css property. I know I have to enter half the value of width > > for the left and right and half the value of the height for the top and > > bottom but still that doesn't seem to work. It's still more of a process > of > > trial and error for me. > > > > Thanks in advance. > > > > > > -- > > Pedro Duque Vieira > -- Pedro Duque Vieira
Re: Converting from svg format to javafx css svg
Hi Pedro, If I got you right you have scaling problems with the -fx-shape in css right? So if you use -fx-scale-shape: false; the svg path should be exactly the same size as the original path from Illustrator and if you would like to scale the shape to the size of the Region you just set it to true and set the size if the Region to the size you need the svg path. If your svg path has a certain aspect-ratio you should take care about it by resizing the Region correctly. That is the way I use it everywhere and it works really nicely. I usually don't use the padding for the svg path in css to resize it. Just my 0.02€... Cheers, Gerrit > Am 14.12.2013 um 22:00 schrieb Pedro Duque Vieira > : > > Hi, > > While working in JMetro (Metro like controls for javafx) I have the > following process for creating svg graphics using javafx css: > 1- I create the vector graphics in Adobe Illustrator > 2- save the file in svg format > 3- get the svg path notation from the svg file and use it with javafx > -fx-shape css property > > The thing that I haven't still mastered is how does the size of the vector > graphics in Illustrastor translate to the size I have to input in the > -fx-padding css property. I know I have to enter half the value of width > for the left and right and half the value of the height for the top and > bottom but still that doesn't seem to work. It's still more of a process of > trial and error for me. > > Thanks in advance. > > > -- > Pedro Duque Vieira
