Workaround for <foreignObject> that is not supported in IE

function html_to_img(html) {
  var data = '<svg xmlns="http://www.w3.org/2000/svg" width="' + 400 + '" height="' + 200 + '">' +
          '<foreignObject width="100%" height="100%">' +
          '<div xmlns="http://www.w3.org/1999/xhtml" style="font-size:18px; font-family: david; word-wrap: break-word;">' +
          html +
          '</div>' +
          '</foreignObject>' +
          '</svg>';

  var DOMURL = window.URL || window.webkitURL || window;
  var svg = new Blob([data], { type: 'image/svg+xml;charset=utf-8' });
  var url = DOMURL.createObjectURL(svg);
  img.src = url; // some Image Element.
}

Select allOpen in new window