question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

html2canvas is not able to capture a SVG in IE11.

See original GitHub issue

Specifications:

  • html2canvas version tested with: 1.0.0-alpha.10
  • Browser & version: Internet Explorer 11 & Version: 11.309.16299.0
  • Operating system: Window 10

Bug reports:

Problem html2canvas is not able to capture a SVG in IE11.

Steps to reproduce Please see jsFiddle: https://jsfiddle.net/coolbean/ekshfuLz/17/

  1. install html2canvas and es6promise
 var Promise = require('es6-promise').Promise;
 import html2canvas from "html2canvas";
  1. Calls html2canvas on a DOM with SVG tag
html2canvas(SVGsource).then(function(canvas) {
  document.body.appendChild(canvas);
});

When I tried above in Chrome, html2canvas finished loading “1” images. However, IE11 finishes loading “0” images.

  1. As a result, the produced canvas is empty.

  2. There is no error log, so I assume that this problem might be from incompatible syntax of SVG tag.

Issue Analytics

  • State:open
  • Created 6 years ago
  • Comments:18

github_iconTop GitHub Comments

9reactions
ninjago2015commented, Oct 9, 2019

I have updated to use 1.0.0-rc.5. but still not working. Mr. Bill Gates can you please announce end-of-support to IE immediately? I can then give it up…

8reactions
Lemonillacommented, May 13, 2019

This is still an issue in 1.0.0-rc.1. IE11 doesn’t see highcharts (svg canvas) while Chrome and Firefox do.

Read more comments on GitHub >

github_iconTop Results From Across the Web

HTML2Canvas not capturing canvas with a SVG rendered ...
I am using HTML2Canvas RC5, the latest version available on NPM. Not using IE 11 is not an option, since my client requires...
Read more >
html2canvas is not able to capture a SVG in IE11.
Calls html2canvas on a DOM with SVG tag. html2canvas(SVGsource).then(function(canvas) { document.body.appendChild(canvas); });. When I tried ...
Read more >
niklasvh/html2canvas - Gitter
I am trying to render amcharts as a part of my screen capture feature. But it does not capture the font family inside...
Read more >
How to capture HTML and SVG into an image
What you want is to put your HTML and SVG elements into a canvas. For this to look good, you will need to...
Read more >
SVG to PNG Image Conversion for Browser-based SVGs
Saving Browser-based SVGs as Images · 1. Get the SVG Code · 2. Add Some Boilerplate · 3. Convert to a Data URI...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found