Rendering SVG file to Image-object in Mono
Is there an easy way to render an SVG-image resulting in an image-object or a bitmap byte-array (Not saving the file in another type but just put it as an image in main memory)? ...
svg
How to visualizate simple dependency graphs using php?
Is there any libraries to visualizate simple dependency graphs? I suppose that SVG is good solution. ...
Get Font Glyphs as Vectors, manipulate and product SVG or Bitmap
I have an application that needs to apply some transformations to text (including non-affine transformations). Does anyone know of a toolkit (or group of tools) that would let me bring in a True Type or Postscript Font, get the glyphs as outlines, then apply transformations to the outlines and render it as a bitmap or svg file ? Flash wo...
Working with SVG polygon elements
Hi, I'm trying to work with an SVG polygon and javascript. I create a polygon and set its initial point list like this: var polygon = document.createElementNS('http://www.w3.org/2000/svg','polygon'); polygon.setAttribute("points", "0,0 100,100 200,200"); now what do I do if I want to modify the 2nd point (100,100)? Right now I'm bas...
Adding more svg elements to my document at runtime
Hi, I have an html file, I'm adding am element to it dynamically, then a rectangle. Works well in the different browsers (ignoring IE). When I try to use the same method to dynamically create an element, it does not work in Chrome or Safari, only in Opera. Is my syntax wrong, or does webkit probably just not support adding elements a...
SVG/XAML: Defining a path which looks like an arrow
I'm trying to use SVG (really XAML) to define a path which looks like a downwards pointing arrow. | | \ | / \ | / \ / ` It is super-important that the edge of the arrow is sharp. I have tried with various combinations of M, L and z with no success. ...
How to modify raphael text?
After instantiating Raphael text like so var t = paper.text(50, 50, "Raphaël\nkicks\nbutt!"); how do I go about then modifying that text? t.text = "test"; //did not work for me =/ ...
Hit-testing SVG shapes?
Hi, The browsers which have implemented parts of the SVG spec (Firefox etc) do hit-testing for us for free - if I attach a mousedown listener on an SVG object, I get notified whenever the shape is clicked. This is amazing, especially for complex polygon shapes. I'm wondering if there's a way I can utilize this feature for a bit more hi...
dojox.gfx and shape filters
Hello, I've been successfully using dojox.gfx with SVG renderer to render my graphics in a browser-independent way. I know that on of the main reasons why SVG-style filters have not been implemented in dojox.gfx is because they are not part of the Canvas and VML specification. What I am trying to achieve is apply some effects to my d...
Save Dojox GFX Canvas as SVG
Is there a way to serialize a Dojox GFX canvas as SVG? I am looking for a way to save my Dojox GFX canvas contents in a way which can be exported as a graphics file (SVG, PNG, JPG, etc.) which could be easily saved or printed, and SVG seemed the most likely. I found a reference to a function dojox.gfx.utils.toSvg, which looked perfect:...
Keep an SVG Object static while scrolling...
In my web application, I am generating a SVG file which contains a "header" that I would like to keep visible at the top of the window as the user scrolls down the image. I can think of two ways of accomplishing this, but am looking for any other bright ideas. My two thoughts are: Generate two separate SVGs, one being the "header" an...
Positioning SVG elements using CSS
Assume the following svg document: <svg version="1.1" baseProfile="full" width="300" height="200" xmlns="http://www.w3.org/2000/svg"> <text x="20" y="20">My text</text> </svg> Now what i want to do is reposition this text using css. I have tried adding style="dx:20" and style="transform: translate(20)". Both have no effect in fire...
How to turn a SVG image to a SDL surface or an array of RGBA pixels with python?
I'm guessing it has to be done with the aid of some sort of framework. Google gives libCairo as the most common result, but that is way too many dependencies. I mean something that would work on Win/Lin/OSX, be non-GPL, python-compatible, freely re-distributable. And preferably a few hundred KB in size. Thing is, it doesn't even have t...
SVG to black-and-white
Hi, I would like to be able to convert SVG documents to black and white. My try is the following Makefile script using 'sed' : %.bw.svg: %.svg sed '/stroke:none/!s/stroke:[^;\"]*/stroke:black/g' $< > $@ This works for lines etc but not for fillings. Basically if the stroke is not invisible (none), then I convert it to black. I wou...
Rotate webpage via code?
I'm hoping that there's a relatively simple way to rotate a webpage a little bit, 30 degrees or so, while still leaving it fully functional and usable. I completely control the page, and can modify it to make this easier if needed. I'd rather not re-write the whole thing in SVG, though, but perhaps javascript and canvas will work? Is ...
Scaling an SVG in Java
I'm attempting to scale an image, modify it, and then output to another image format. So far, I've been using the apache batik library. For simple conversion, this is easy. For clipping the svg, this is easy. However, I can't seem to figure out how to scale to the full image created by the svg. That is, I can specify the area of interes...
Locate an element within SVG in Opera by coordinates
Hi, How do I locate an element within SVG in Opera, given coordinates? elementFromPoint(x,y) works fine with Firefox, but seems to fail with Opera, returning always the whole SVG and not the particular element. One might wonder why do I need it at all. Well, simply because I'd like to highlight the SVG element under the cursor, and be...
Add a border around a fixed-width SVG?
I'm unfamiliar with the SVG spec, so I was wondering if there was an easy way to build a border of a certain width around a fixed-width, rectangular SVG simply by manipulating the DOM. This seems like it should be feasible, but I don't know where to prod to begin. Help? ...
Generate SVG from dynamic text
Is there a way to save text from a dynamic text field into some kind of SVG format? ...
SVG as oversized website background
I want to build a fixed width website (say 960px, to pluck a number at random) aligned to the left, but with a background which is wider than this and that fills the space to the right if the user has a screen wider than 960px. This is easy using a background image: body {background:url(myreallywidebgimage.png) 0 0 no-repeat} #wrapper ...