Page 1 of 1

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

Posted: 13 May 2015 22:13
by analog604
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

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

Posted: 13 May 2015 22:39
by Softcore
WOA!!!!!

Super cool! Thanks for your efforts in this!

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

Posted: 14 May 2015 13:38
by Voice303
Thank you for all the time you just saved in my future Lemuring :D

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

Posted: 14 May 2015 17:00
by ndivuyo
awesome!!

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

Posted: 14 May 2015 19:05
by Phil999
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.

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

Posted: 15 May 2015 19:47
by analog604
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

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

Posted: 16 May 2015 16:07
by Phil999
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.

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

Posted: 17 May 2015 12:17
by analog604
That is looking good, Phil!

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

Posted: 19 May 2015 21:56
by analog604
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

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

Posted: 28 Jun 2017 18:35
by digitalson
Can I make different kinks of faders like one from a ssl console? Explain further what it's capable of