2013-01-04 15 views
10

Ich verwende html2canvas, um einen "Screenshot" einer HTML-Seite zu erstellen, die SVG enthält. Alles sieht gut aus, außer dem Element. Ich weiß, dass es möglich sein sollte, SVG in Canvas zu rendern; PhantomJS, Fabric.js und CanVG tun es.Kann html2canvas Svg auf einer Seite rendern?

Wird dies von html2canvas nicht unterstützt? Oder mache ich etwas falsch, und das sollte einfach funktionieren?

Wenn dies nicht implementiert wurde, was ist der beste Weg, um html2canvas (mit Canvg) zu erweitern?

+0

Ich fand meine Antwort (oder, Google tat): [hier] (https://github.com/niklasvh/html2canvas/issues/95). – rakensi

Antwort

10

Das Erfassen von SVG-Bildern funktioniert, indem sie in Canvas umgewandelt werden, indem canvg verwendet wird. Fügen Sie beide Javascript-Dateien wie auf dieser Seite angezeigt hinzu. Dann ist der einfachste Weg, dies zu tun ist:

<body onload="canvg()"> 

die parameterless call example See. Wenn alle SVG-Bilder konvertiert wurden, funktioniert html2canvas einwandfrei.

Natürlich werden alle SVG-Bilder in Leinwände umgewandelt, aber ich habe keinen Unterschied gesehen.

Verwandte Themen