Kommentar: Sie müssen einen Teil der Webseite als Haupttext verwenden, die ursprüngliche Webseite als Anhang in PDF konvertieren, eine E -Mail an den Chef senden, SVG in Canvas konvertieren, um sie anzuzeigen, aber später fand, dass Canvas es nicht normal anzeigen kann.
Vor kurzem müssen Teil des Inhalts der Webseite in den Haupttext einbezogen, die ursprüngliche Webseite als Anhang in ein PDF konvertiert und eine E -Mail an den Chef senden. Da wir in HTML5 eine Website-Website sind, ist die Kontrollentwicklung nichts anderes als Leinwand oder SVG. Hier haben wir mehrere Steuerelemente, die SVG verwenden, und SVG kann nicht normalerweise in der Foxmail -E -Mail -Körperschaft angezeigt werden. Daher haben wir darüber nachgedacht, SVG in Canvas zur Anzeige zu konvertieren, aber später stellten wir fest, dass Leinwand normalerweise nicht angezeigt werden kann. Am Ende hatten wir keine andere Wahl, als das Canvas -Tag erneut in das Bildformat umzuwandeln, was dieses Problem schließlich löste. Lassen Sie uns kurz den folgenden Implementierungsprozess vorstellen. Das Folgende ist ein SVG -Tag<div>
<svg> </svg>
</div>
Zunächst müssen Sie das SVG -Tag und den Inhalt erhalten:
var svghtml = svgContainer.innerhtml ();
Das Konvertieren von SVG in Canvas erfordert ein Google -Plugin -Canvg. Sie können es auf der offiziellen Website herunterladen oder direkt aus der Ferne verweisen.
Rufen Sie als nächstes die Methode Canvg (Canvasid, SVGHTML) des Plug-Ins auf, um es in Leinwand umzuwandeln. Der erste Parameter dieser Methode ist die ID des Canvas -Tags, und der zweite ist natürlich der Inhalt des SVG -Tags. Auf diese Weise wird SVG in Leinwand umgewandelt
Konvertieren Sie dann Leinwand in Bilder, was einfacher ist
var imgsrc = document.getElementById (canvasid) .todataurl (Bild/PNG); // Dies konvertiert tatsächlich Leinwand in ein Bild und gibt alle Inhaltsdaten des Bildes zurück, um das Bild anzuzeigen:
<img src = imgsrc />
So implementieren Sie es aus SVG-> Canvas-> Image. Dies ist immer noch sehr nützlich, da verschiedene Browser unterschiedliche SVG und Leinwand unterstützen. Auf diese Weise können zumindest unsere Steuerelemente immer korrekt angezeigt werden, auch wenn wir am Ende nur Bilder verwenden können.