SVG image->Canvas/Script converter now available! [May 2015]
SVG image->Canvas/Script converter now available! [May 2015]
Hello All !
I'm pleased to announce the availability of the SVG image to Lemur canvas converter!
Hopefully it will be useful to add images for your template projects. I do believe that there will be more icons available soon.. : )
I've made the converter an all-in-one website that handles the processing and has many options for you to explore.
Here it is:
http://d-spacestudios.com/svg
Some features/options:
- creates a full Lemur .JZML application (or JZLIB library) that you can change to fit the needs of your template.
- color settings available directly on webpage and as control object within template.
- resize and offset controls
- automatically makes paths into a touchable cursor hit region (that can give feedback via cv1.lastHit variable into your script)
- debugging options
Things I don't have working yet:
- Gradients work, but not always as expected.
- Text does not work (I'm working on this one).
- transform, createpattern, clip, image manipulation and other HTML5 Canvas commands do not work (but will be ignored and noted in the output Lemur code by converter).
Hopefully you guys find it useful for your template design!
Cheers!
Jay
I'm pleased to announce the availability of the SVG image to Lemur canvas converter!
Hopefully it will be useful to add images for your template projects. I do believe that there will be more icons available soon.. : )
I've made the converter an all-in-one website that handles the processing and has many options for you to explore.
Here it is:
http://d-spacestudios.com/svg
Some features/options:
- creates a full Lemur .JZML application (or JZLIB library) that you can change to fit the needs of your template.
- color settings available directly on webpage and as control object within template.
- resize and offset controls
- automatically makes paths into a touchable cursor hit region (that can give feedback via cv1.lastHit variable into your script)
- debugging options
Things I don't have working yet:
- Gradients work, but not always as expected.
- Text does not work (I'm working on this one).
- transform, createpattern, clip, image manipulation and other HTML5 Canvas commands do not work (but will be ignored and noted in the output Lemur code by converter).
Hopefully you guys find it useful for your template design!
Cheers!
Jay
Last edited by analog604 on 17 May 2015 14:15, edited 1 time in total.
Dashboard gear control templates: User 112 Idx :: LModIt Lite :: SVG image converter for Lemur Canvas
Re: SVG image->Canvas/Script converter now available! [May 2
WOA!!!!!
Super cool! Thanks for your efforts in this!
Super cool! Thanks for your efforts in this!
Re: SVG image->Canvas/Script converter now available! [May 2
Thank you for all the time you just saved in my future Lemuring
Re: SVG image->Canvas/Script converter now available! [May 2
this is just great. Thank you very much Jay, again you provide very important stuff for me.
And only thinking about it, this is something that could be implemented into the Lemur editor.
And only thinking about it, this is something that could be implemented into the Lemur editor.
- Attachments
-
- snow_bottom.jzml
- my 2nd try from a free svg
- (6.56 KiB) Downloaded 1682 times
Formant+Eurorack, PPG wave 2.2, Korg MS-20, etc., EWI 4000s, QuNeo, etc., Mixbus32c, u-he, MadronaLabs, Samplemodeling, NI, etc., iPad2/4/Pro
Re: SVG image->Canvas/Script converter now available! [May 2
Hi Guys, It's great to hear that you'll (or have) find it useful to the projects.
I think that I have a solution to the gradient problem, perhaps I'll update this coming week.
In the meantime, I've got plenty of icons and backgrounds to make for some of my own templates.
One thing that I noticed which can help with the definition of outline based (not totally filled) icons is to go into Lemur settings (in the Editor) and un-check 'anti-alias canvas objects.' This will help some paths which have been reduced using the 'canvas_scale(c,x,y)' command.
Attached is most complex SVG that the utility has handled yet, 128Kbyte source SVG with fills suppressed. It might only render in the Editor.
J
I think that I have a solution to the gradient problem, perhaps I'll update this coming week.
In the meantime, I've got plenty of icons and backgrounds to make for some of my own templates.
One thing that I noticed which can help with the definition of outline based (not totally filled) icons is to go into Lemur settings (in the Editor) and un-check 'anti-alias canvas objects.' This will help some paths which have been reduced using the 'canvas_scale(c,x,y)' command.
Attached is most complex SVG that the utility has handled yet, 128Kbyte source SVG with fills suppressed. It might only render in the Editor.
J
- Attachments
-
- synthComplex_WORKS-YES.jzml.zip
- Here's the most complex SVG that I've been able to convert ! It might only render in the Editor.
- (56.15 KiB) Downloaded 1754 times
Dashboard gear control templates: User 112 Idx :: LModIt Lite :: SVG image converter for Lemur Canvas
Re: SVG image->Canvas/Script converter now available! [May 2
well that's a complex canvas. I tried some snowflakes that usually crashed the editor, but will of course try again now that I learned a bit how to use the converter.
What I did was something I wanted to do for some time, create custom waveform graphics for the Diva template. With the help of the svg-jzml converter (and some graphic tools) it took me not too long to make the waveforms for the DCO.
What I did was something I wanted to do for some time, create custom waveform graphics for the Diva template. With the help of the svg-jzml converter (and some graphic tools) it took me not too long to make the waveforms for the DCO.
- Attachments
-
- Diva120canvas04.zip
- (51.95 KiB) Downloaded 1710 times
Formant+Eurorack, PPG wave 2.2, Korg MS-20, etc., EWI 4000s, QuNeo, etc., Mixbus32c, u-he, MadronaLabs, Samplemodeling, NI, etc., iPad2/4/Pro
Re: SVG image->Canvas/Script converter now available! [May 2
That is looking good, Phil!
Dashboard gear control templates: User 112 Idx :: LModIt Lite :: SVG image converter for Lemur Canvas
Re: SVG image->Canvas/Script converter now available! [May 2
Hey Guys,
I made a separate thread with a sample canvas based interface made with the great help of the svg->jzml converter.
My previous example did not seem to be so useful (or perhaps easy on the eyes!!)
cheers
J
I made a separate thread with a sample canvas based interface made with the great help of the svg->jzml converter.
My previous example did not seem to be so useful (or perhaps easy on the eyes!!)
cheers
J
Dashboard gear control templates: User 112 Idx :: LModIt Lite :: SVG image converter for Lemur Canvas
-
- Regular
- Posts: 143
- Joined: 21 Mar 2015 02:26
Re: SVG image->Canvas/Script converter now available! [May 2
Can I make different kinks of faders like one from a ssl console? Explain further what it's capable of