svg

Rotation of div containing html5 elemets (e.g. SVG, canvas) in ie9 doesn't show div properly

I've tried using the filter attribute to rotate a div, this works well until the div is comprised of an SVG element, which results in a rotated div with the SVG not being shown (with the exception of images). e.g. style="filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.86602540, M12=0.50000000, M21=-0.50000000,M22=0.86602540,sizin...

how to calculate control points on a bezier curve?

I do have a bezier curve, and at a certain point, I want a second bezier curve "branching off" the first curve in a smooth manner. Together with calculating the intersection point (with a percentage following the Bezier curve), I need also the control point (the tangent and weight). The intersection point is calculated with the following...

Can I playback a SVG animation within SMIL?

Hi, for a digital signage project, I created a SVG based rundown, which plays other SVG files in a loop on a Spinetix box. Now I had to change the playback device. The new one supports SMIL and I'm looking for a way to reuse my old solution on this device. I think of creating a SMIL rundown which plays the standalone SVG files (basica...

Interactive SVG WORLD Maps with mouseover highlights?

Can anyone direct me to a a world SVG example with mouseover highlights? I would like to find some nice examples that have a world map with details. Many thanks. ...

Conversion of SVG to Jpeg

Hi..i want to convert SVG into Bitmap Images likes (Jpeg, PNG etc) through javascript...Please help me out..Shall be very Thankful...any help will be awesome Reagrds: Zain ...

resize the group of the SVG element....

I am working on a SVG application and now want to let a user resize an object using draggable corners, very much like in SVG-edit (http://svg-edit.googlecode.com/svn/trunk/editor/svg-editor.html). The functionality should work as follows: The user selects an SVG object, drags it to the main ‘canvas’ and once on the ‘canvas’, four corners...

SVG <image> doesn't work in <defs> on Chrome

I want to use image in a group definded in defs tag. But on Chrome nothing works. In Firefox only the .png file is displayd. Only Rectangle apears but with strange bug in Chrome. Is this is supported by SVG or im not using it right. plane.svg <?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://...

Can't get selectors to work with the JQuery SVG library

I'm having trouble getting an externally loaded SVG to do what I want it to with Keith Wood's SVG library. I can load an external SVG fine with: $(document).ready ( function () { $("#some_id").svg({ loadURL: 'my_file.svg', onLoad: my_function, settings: {} }); }); I can ...

resize and draggable the group of the SVG element....

I am working on a SVG application and now want to let a user resize an object using draggable corners, very much like in SVG-edit (http://svg-edit.googlecode.com/svn/trunk/editor/svg-editor.html). The functionality should work as follows: The user selects an SVG object, drags it to the main ‘canvas’ and once on the ‘canvas’, four corners...

SVG object drag from centre

All, Am working on an SVG application that requires an object to be moved from one location to another. I have implemented drag and drop, however, upon mousedown, I want the cursor to 'grab' the object from the centre of that object. I also want to predefine that centre point. As an example, if there is a circle, when the user clicks ...

Resizing SVG image in MediaWiki

We display SVG images in MediaWiki using a template with this code: {{#tag:svgfile||src={{{1}}}|height={{{height|300px}}}|width={{{width|600px}}}}} where {{{1}}} is the uploaded file. Now we want to be able to rescale the image, just like we do with JPGs, etc, using: [[Image:<file name>.JPG|200px]] Does anyone know how to do that?...

svg image - zoom and borders.

I have the following small svg file hosted at: http://dl.dropbox.com/u/7393/hmap.svg and I am trying to make it look like this: http://dl.dropbox.com/u/7393/final.png The docs where I got this from mentions that this change can be easily obtained by changing a couple of tags on the svg file. However I have tried changing everything and ...

How can i add click handler to x-label element of gwt-visualisation chart

Hi Guys, I am using gwt-visualisation chart But is there any way to add click handler to x-label Thanks ...

Dynamically create g in svg

JSP Page </object> </body> <script type="text/javascript"> var far=document.getElementById("oo") far.addEventListener("load", function (){ var svgDoc=far.contentDocument; var svgRoot=svgDoc.documentElement; document...

SVG Urdu/Arabic Processing in Alphabet?

So i was looking that i am going to create whole new Unicode with my custom made glyph but the problem is that how to manage the Joining of letters i mean in Arabic there are lots of alphabet joined together and make a word unlike English in which each alphabet is separated from other so now my problem is that there is a Unicode define f...

Coverstion of SVG into PNG/JPEG/BMP and Vice Versa?

Code in PHP to convert SVG into Other Image Formats and opposite?? ...

Conversion of JPEG to SVG in Javascript

Can anyone help... how to convert Image to Vectors (SVG) through Javascript.......! Any help will be awesome....! ...

Firefox SVG from subdomain

I have a stylesheet that accesses an svg in the same directory as the stylesheet. Firefox will get the svg on my test server and on the subdirectory. However, it refuses to attempt to download the svg when accessed from the subdomain. I tried adding svg to the list of files in an .htaccess file on the subdirectory's highest level, which...

Is it possible to use webkit css masks with SVG without an external file?

Webkit allows the use of an external SVG file as a mask for any HTML element. Ie: <img src="kate.png" style="-webkit-mask-image: url(circle.svg)"> Resulting in: (More information here: http://webkit.org/blog/181/css-masks/) Does anyone know if there's a way to do it without an external SVG file? More specifically, can it be done w...

c# WebBrowser SVG Windows 2008 R2

I have a WebBrowser in my C# application, in which i want to show a SVG file. However, when I run the app on a Windows 2008 R2 machine, the SVG file does not show up. When I have a look at the same file on the same server in Internet Explorer, everything looks ok. What i already have tried: IE ESC settings on or off Trusted Sites / L...