Home/ Questions/Q 4585584
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-21T21:30:57+00:00

I have a C# web application which generates SVG code using RaphaelJS , which

  • 0

I have a C# web application which generates SVG code using RaphaelJS, which I then need to convert to PNG for general interoperability amongst users (please see my previous question here also)

The problem is that, rather than SVG code which seems to be the norm, Internet Explorer churns out RVML code. My solution works successfully in Firefox and other browsers by using Inkscape’s command line utility to convert the plain SVG file to PNG. But Inkscape won’t convert from RVML.

So the next logical thing to do, apart from rewrite my application to avoid RahaelJs, is to convert the RVML to SVG before running it through Inkscape. To do this I’ve found this article, and have used the code example near the top of the page. The XSL file I’ve used to convert the RVML file is the one used by VectorConverter which you can download and look at.

I should mention there are no runtime errors – all the files output in the right place, i.e. the XML -> SVG from the server-side XSLT conversion, and the SVG -> PNG from the Inkscape conversion.

To summarize the situation, when browsing through Firefox – it’s fine – when browsing through Internet explorer, the SVG file generated by the XML->SVG conversion outputs a valid SVG file but with no actual content inside the SVG tags. My question is whether anyone else has had any success in doing this task, or if anyone has any suggestions on what I’m doing wrong?

Thanks

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Yes, we did exactly the same thing on one of our projects. The problem is that the VML generated by RapahelJS should be altered a little bit in order to fit to the VectorConverter scheme (btw, we used scheme included in the 2nd version of this tool). Here are the changes we were making before actual transform:

    string clearedVml = new Regex("<rvml.*/rvml:group>")
    .Match(rafaelOutputVml)
    .Value
    .Replace("rvml:", "v:")
    .Replace("class=rvml", "")
    .Replace("filterMatrix", "");

    After that transformation result should be inserted in the following markup:

            private const string vmlFormat = 
@"
<?xml version=""1.0""?>
<HTML xmlns:v = ""urn:schemas-microsoft-com:vml"" xmlns=""http://www.w3.org/1999/xhtml"">

<HEAD>
<STYLE>v\:* {{
    BEHAVIOR: url(#VMLRender)
}}
</STYLE>
</HEAD>
<BODY>
{0}
</BODY>
</HTML>
";
...
var sReader = new StringReader( String.Format( vmlFormat ,clearedVml ).Trim() );

    and only now the actual transform to SVG should be performed.

    Hope it helps

    • 0