Convert Fusion chart SVG to Png,jpg using jquery in asp.net c#

//////////////////////////////////////////////// Fusion fusion chart js

Step 1.  Generate fusion chart

Step 2.  Set a Java-script  function for converting the  SVG data into 64byte image file. and set this value into the hidden field variable.

<script type="text/javascript">

        function Convert_Svg_Png() {

            if (!$('#mDmyChartar2_div').length) {

                var svgString = $('#myChartar2_div span').html();

                var canvas = document.createElement('canvas');

                var DOMURL = self.URL || self.webkitURL || self;

                var img = new Image();

                var svg = new Blob([svgString], { type: 'image/svg+xml;charset=utf-8' });

                var url = DOMURL.createObjectURL(svg);

                img.onload = function () {

                    canvas.width = img.width; canvas.height = img.height; canvas.getContext('2d').drawImage(img, 0, 0);

                    var png = canvas.toDataURL('image/png');

                    var div = document.createElement('div'); $(div).attr('id', 'mDmyChartar2_div');

                    $(div).html('<img id="img_myChartar2_div" src="' + png + '" />'); $(div).css('display', 'none');

                    $('#myChartar2_div').append(div); DOMURL.revokeObjectURL(png);

                }; img.src = url;

            }

        }

    </script>

Setp 3. Convert 64byte image into png file and save server folder

var p = System.Text.Encoding.UTF8.GetBytes(64byteImgData);

string p1 = Encoding.UTF8.GetString(p);

byte[] bytes = Convert.FromBase64String(p1);

System.Drawing.Image image;

using (MemoryStream ms = new MemoryStream(bytes))

{

image = System.Drawing.Image.FromStream(ms);

}

string FilePath = Server.MapPath("~/Charts/" + FileName + i + ".jpg");

image.Save(FilePath);

Setp 4.  Now You can any thing with this image