SVG image->Canvas/Script converter now available! [May 2015]

Canvas specific discussion
Post Reply
analog604
Regular
Posts:262
Joined:29 Dec 2011 15:40
Location:north east, usa
SVG image->Canvas/Script converter now available! [May 2015]

Post by analog604 » 13 May 2015 22:13

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
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

Softcore
Regular
Posts:1639
Joined:04 Nov 2012 08:34

Re: SVG image->Canvas/Script converter now available! [May 2

Post by Softcore » 13 May 2015 22:39

WOA!!!!!

Super cool! Thanks for your efforts in this!

Voice303
Newbie
Posts:15
Joined:04 Apr 2015 18:50

Re: SVG image->Canvas/Script converter now available! [May 2

Post by Voice303 » 14 May 2015 13:38

Thank you for all the time you just saved in my future Lemuring :D


Phil999
Regular
Posts:932
Joined:11 Jan 2012 01:53

Re: SVG image->Canvas/Script converter now available! [May 2

Post by Phil999 » 14 May 2015 19:05

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.
Attachments
snow_bottom.jzml
my 2nd try from a free svg
(6.56KiB)Downloaded 1793 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

analog604
Regular
Posts:262
Joined:29 Dec 2011 15:40
Location:north east, usa

Re: SVG image->Canvas/Script converter now available! [May 2

Post by analog604 » 15 May 2015 19:47

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
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.15KiB)Downloaded 1899 times
Dashboard gear control templates: User 112 Idx :: LModIt Lite :: SVG image converter for Lemur Canvas

Phil999
Regular
Posts:932
Joined:11 Jan 2012 01:53

Re: SVG image->Canvas/Script converter now available! [May 2

Post by Phil999 » 16 May 2015 16:07

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.
Attachments
Diva120canvas04.zip
(51.95KiB)Downloaded 1860 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

analog604
Regular
Posts:262
Joined:29 Dec 2011 15:40
Location:north east, usa

Re: SVG image->Canvas/Script converter now available! [May 2

Post by analog604 » 17 May 2015 12:17

That is looking good, Phil!
Dashboard gear control templates: User 112 Idx :: LModIt Lite :: SVG image converter for Lemur Canvas

analog604
Regular
Posts:262
Joined:29 Dec 2011 15:40
Location:north east, usa

Re: SVG image->Canvas/Script converter now available! [May 2

Post by analog604 » 19 May 2015 21:56

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!!) :oops:

:)

cheers
J
Dashboard gear control templates: User 112 Idx :: LModIt Lite :: SVG image converter for Lemur Canvas

digitalson
Regular
Posts:143
Joined:21 Mar 2015 02:26

Re: SVG image->Canvas/Script converter now available! [May 2

Post by digitalson » 28 Jun 2017 18:35

Can I make different kinks of faders like one from a ssl console? Explain further what it's capable of

Post Reply