merge images from Raphael svg merge images from Raphael svg jquery jquery

merge images from Raphael svg


If I'm not mistaking canvg function expects the second parameter to be a String containing the path to your image file. However in step 2 your code does:

    var upload_svg = $('.upload_img').html(); // **** this does not return the image path    canvg('canvas', upload_svg);

I suggest you try something like:

    var upload_svg = $('.upload_img').attr('src');    canvg('canvas', upload_svg);

That will explain the error - Resource interpreted as image but transferred with MIME type text/html - it expects an image but receives blank HTML. The rest of the code seems fine.