Is there a way to convert SVG files to HTML5's canvas compatible commands?
The title resumes everything. :P ...
svg
Hard coded contents in SVG Editor is not appearing?
Hi, I'm using this: http://code.google.com/p/svg-edit/ I put a hard coded code inside the svgcanvas div html tag: <div id="svgcanvas"> <svg xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" id="svgroot" height="480" width="640"><svg xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/200...
What good tiny or basic SVG editors are there?
I'm in need for a good SVG editor which can produce valid xml according to spec of the Tiny SVG profile. I would prefer if the tool was open-source or free but good commercial tools are welcome as well. Note: I have used some online tools and Inkscape, but those do not allow specifying the spec they must adhere to. ...
Scribbled SVG line?
Is there a way to let a line, polygon,... , looks like it has been scribbled or hand drawn? <?xml version="1.0" standalone="no"?> <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> <svg width="100%" height="100%" version="1.1" xmlns="http://www.w3.org/2000/svg"> <line x1="10" y1=...
Making an SVG DOM JavaScript class
I'm unsatisfied with other JavaScript libraries and frameworks like jQuery, MooTools, and Raphael, because of their inability to support SVG grouping. You'd think it'd be a very simple thing for them to implement. Anyway, I'm trying to make a JavaScript class (using John Resig's class.js script) like this: var El = Class.extend({ e...
create text inside a rectangle using inkscape
I've put some text inside a rectangle using inkscape so the tree is like <svg:rect><svg:text><svg:tspan>text.... The problem is, I can't see the text. I've tried fiddling with the opacity of the rect to no avail. There should be a way of doing this from the UI? Edit example as requested <?xml version="1.0" encoding="UTF-8" standal...
SVG - From Window coordinates to ViewBox coordinates
Hi, Basically I have an svg "SecondSVG" into an svg "FirstSVG" into an svg "MainSVG".Every svg has its own ViewBox. This page can be loaded anywhere on the screen by another page. So basically how can i find the screen x for viewBox for"SecondSVG" knowing that this svg can be loaded basically anywhere based on the calling page? event.cl...
Server-side SVG to PNG (or some other image format) in python
Currently I'm using rsvg to load the svg (from a string, not from a file) and drawing to cairo. Anyone know a better way? I use PIL elsewhere in my application, but I don't know of a way to do this with PIL. ...
SVG Scaling Text to fit container
This is likely a very simple question, but how do I get text in SVG to stretch to fit its container? I don't care if it looks ugly from being stretched too long or high, but it needs to fits its container and be as big as possible. Thanks ...
Best web technology for building dynamic charts
I need to build a custom designed bar chart that displays some simple data. Below are my requirements. Can anyone suggest the best web technology for my requirements. high browser compatibility ability to draw shapes ability to fill shapes with gradients ability to have onclick and onmouseover events for the different shapes (bars ...
Is it possible to convert text to shape in VML /canvas/SVG ?
Hello, I need to display a text in 3D using vml/canvas/svg and do some transformation to the shape of the text like the effect of Ctrl+T in photoshop, even align a line of text to a curve. For example, transform a normal text to a rotated, trapezoid/quadrilateral shape. So, is there a way to convert text to shape first? The only thi...
rsvg doesn't render linked images
I use the python rsvg bindings to render an svg image into cairo and save to file, which mostly works. But if the svg file contains a linked image, like so: <image href="static/usrimgs/tmpDtIKpx.png" x="10" y="10" width="600px" height="400px"></image> the image doesn't show up in the final file (the rest of the svg renders just fine)....
SVG to Android Shape
I'm wondering how vector drawing in Android with the Shape class may resemble another vector drawing standard. Since Shape is a Drawable, and Drawables are usually defined as XML, it sounds a lot like the vector drawing commands in SVG. My question is this: Has anybody created an XSLT transformation, or other mechanism, for converting ...
Struggling to create SVG shape using JavaScript
Hi, I have already read the other questions relating to SVG creation using JavaScript and followed any links, but I can't seem to get this to work. Maybe somebody here can spot where I'm going wrong. EDIT: I currently have a div with the ID 'svgbasics' in the body of the document, and I'm trying to create an SVG shape using values I ha...
document.createElement() creates unclosed tag?
This happens in Firefox, but not in Google Chrome. I create an SVG 'Image' tag in an svg-web canvas like this: im = document.createElementNS(svgns, 'image'); im.setAttributeNS(xlinkns, 'href', g.href); canvas.appendChild(im); And if I look in firebug or chrome's debugger, the svg shows up self-closed like this: <image xlink:href=".....
Google Docs Drawings and IE
Hello! I am wondering how does SVG work in IE with Google Docs Drawings? Is it flash? Could you please point me to the library they use to add SVG support to IE? Thanks! ...
Pure Javascript FlashPlayer: why can't I make it work ?
There are some demos here: http://paulirish.com/work/gordon/demos/ I downloaded blue.html as well as blue.swf on my local pc. But opening it I can't make it work. Why ? ...
SVG to JPG / PNG
Hi, is there any working module to convert a SVG image into a pixel format like JPEG or PNG? Thx Jan ...
Animate rotating SVG element on webpage
So I have an SVG file created in Inkscape embedded in a webpage, and I'd like it to rotate slowly. I've tried using Javascript and inserting animation commands directly into the SVG, but nothing works. I don't want to load in an entire JS library for this one task. This is what I have so far: <html> <body bgcolor="#333333"> ...
How can I draw a box around text with SVG?
How can I create a box (rect?) that resizes itself to fit the the text inside of it using SVG? ...