Slicing and html export from Inkscape

Post about projects that use Inkscape for web design.
User avatar
hellocatfood
Posts: 193
Joined: Fri Aug 29, 2008 8:49 pm
Contact:

Slicing and html export from Inkscape

Postby hellocatfood » Wed Jan 13, 2010 7:31 am

I recently found the webslice plugin from Matt Harrison and whilst that makes Inkscape now a great web image creator I was wondering if there's an easy way or an extension that exports a drawing to an html file.

I know GIMP is capable of html export, but it'd make my current problem a lot easier if it could be done in Inkscape.
I'm on The Web | Flickr | tumblr

User avatar
RM.
Posts: 249
Joined: Mon Jan 05, 2009 10:33 am
Location: Italy, Sardegna

Re: Slicing and html export from Inkscape

Postby RM. » Fri Jan 15, 2010 1:39 pm

I think the only way is to convert svg to psd. I know about the save as website plugin for inkscape, unfortunately it's not working good.
You can find it here: http://code.google.com/p/saws/
I'm just someone who likes to create.

Logopond - CGsociety

atramentum
Posts: 2
Joined: Sat Mar 13, 2010 4:34 am

Re: Slicing and html export from Inkscape

Postby atramentum » Sat Mar 13, 2010 4:41 am

So, I'm not a frequent contributor here but I'd love to get feedback on Atramentum, which can be found up on Google Code in a rough state. Atramentum is a python and xslt scripted extension which can dump the contents of an Inkscape layered image to HTML, splinter the SVG into individual files, and export objects to PNG.

At least, that was the intent when I started it. It is not packaged or well documented though. I haven't touched it recently, and the convention for mangling the object ids to direct the exporting was not well refined, but I believe the approach has some promise.

User avatar
hellocatfood
Posts: 193
Joined: Fri Aug 29, 2008 8:49 pm
Contact:

Re: Slicing and html export from Inkscape

Postby hellocatfood » Sun Mar 14, 2010 10:21 pm

Could you at least provide instructions on how to install this. I downloaded it but just got a load of xml files
I'm on The Web | Flickr | tumblr

atramentum
Posts: 2
Joined: Sat Mar 13, 2010 4:34 am

Re: Slicing and html export from Inkscape

Postby atramentum » Mon Mar 15, 2010 11:29 pm

Yes, my bad. I have written an Install.txt file, and reorganized the files to eliminate the clutter.

In a nutshell, you copy the important files to the inkscape\share\extensions folder:
atramentum.inx
atramentum.py
atramentum.xsl
atramentum_jquery.xsl
atramentum_splinter.xsl

I recommend using a zip (non-installer) release of Inkscape so you aren't installing into a production version, and don't have to do any work to back it out.

The code has only ever been used on windows, so it may need tweaking to work on Linux.

Atramentum is not a production quality system at this point in time, but I am interested in knowing if people see some value in the approach.

User avatar
hellocatfood
Posts: 193
Joined: Fri Aug 29, 2008 8:49 pm
Contact:

Re: Slicing and html export from Inkscape

Postby hellocatfood » Wed Apr 21, 2010 9:16 pm

Have you tried modifying this for Linux? I'm keen to try it but as you noted the paths are absolute to windows system setup.
I'm on The Web | Flickr | tumblr

DataPeople
Posts: 1
Joined: Fri Jun 25, 2010 2:57 pm
Location: Bangladesh

Re: Slicing and html export from Inkscape

Postby DataPeople » Fri Jun 25, 2010 3:42 pm

Hello

Thanks for sharing your information.

desus
Posts: 3
Joined: Thu Jun 13, 2013 3:56 pm
Location: Brasil

Re: Slicing and html export from Inkscape

Postby desus » Wed Dec 31, 2014 2:41 pm

Someone who recorded the extension Saws - S.A.W.S. (Save As Web Site), could send me. The link that points to the http://wiki.inkscape.org/wiki/index.php ... repository http://saws.googlecode.com/ but was removed and I am unable to find anywhere.

pamfeuer
Posts: 5
Joined: Tue Mar 24, 2015 8:04 pm

Re: Slicing and html export from Inkscape

Postby pamfeuer » Tue Mar 24, 2015 8:24 pm

I have built a couple of websites with gimp splicing....absolutely flawlessly.
Considering the fact that future is all HTML5 and GPU based javascript(HSA) and embedded videos splicing has become less and less necessary. Its adaptable to use CSS3 and mod that. Most high end sites/secure ones etc dont use any splicing, just HTML5 and CSS3 widgets...all code. :tool_pencil:


Return to “Inkscape & the Web”