将带有图像元素的svg转换为html canvas

我只是想将svg转换为html canvas，直到我在svg中使用图像元素，如果我使用图像元素意味着canvg无法正常工作，它就可以正常工作.

I'm just trying to convert svg to html canvas, it works fine until i use image element in svg, if i use image elements means canvg is not working.

这是我用来将svg转换为画布的代码

This is the code which i used to convert svg to canvas

var svgCanvas, context, svgCanvasElement, link;
svgCanvas = $('<canvas id="svgCanvas" width="250px" height="25px" style="display:none;"></canvas>');
context = svgCanvas[0].getContext('2d');
svgCanvasElement = $(svgCanvas)[0];
var serializer = new XMLSerializer();
var svgElement = document.getElementsByTagName("svg");
var svg = serializer.serializeToString(svgElement[0]);
var canvgMethod = new canvg(svgCanvasElement, svg);

此处不起作用 JSFiddle演示版.

注意:该代码对于其他元素(例如圆形，矩形，多边形等)都可以正常工作.这在带有圆圈元素的JSFiddle演示.

NOTE : This code working fine for other elements like circle,rect,polygon and etc. Here is working JSFiddle Demo with circle element.

如何克服这个问题，如何将图像元素转换为画布?
任何建议将不胜感激.

How to overcome this issue and how can i convert this image element into canvas?
Any Suggestions will be appreciated.