Exportieren Sie das GitHub-Auswirkungsdiagramm in ein Bild

7

Ich mag GitHubs Wirkungsdiagramm über mein Open Source-Projekt sehr . Ich möchte es in eine Präsentation aufnehmen, also möchte ich es als Bild herunterladen.

Wie exportiere ich dieses Diagramm in ein Bild?

Gibt es etwas Klügeres, als Hunderte von Screenshots aufzunehmen und zusammenzustellen?

Das ist die lahme Methode, mit der ich letztes Jahr das folgende Bild erstellt habe (veraltet):

Bild vom letzten Jahr

schön
quelle

Antworten:

3

Wenn Sie die Textbeschriftungen (die als <p>Überlagerungen gezeichnet werden ) nicht benötigen , können Sie in Firefox einfach mit der rechten Maustaste auf das Diagramm klicken und "Bild speichern unter ..." auswählen (es ist ein <canvas>Element und Chrome bietet noch keine Speicherung an Option für diese).

Wenn Sie die Datumsbezeichnungen benötigen, würde ich vorschlagen, nach einer Firefox-Screenshot-Erweiterung zu suchen, mit der Sie einen vollständigen Screenshot eines scrollenden Unterelements auf einmal erstellen können. (Ich weiß, dass sie für <iframe>Elemente existieren , daher <div>ist es nicht außerhalb des Bereichs der Möglichkeiten , dies für einen Bildlauf tun zu können. )

ssokolow
quelle
Wunderbar! Genau das, was ich brauchte. Das seltsame "Als Bild speichern" wurde in Chrome nicht angezeigt.
Nic
"Als Bild speichern" wird in Chrome <canvas>nicht <img>angezeigt, da dies nicht der Fall ist und zusätzlicher Code (den sie möglicherweise noch nicht geschrieben haben) erforderlich ist, um ein PNG aus einem rohen Raster von Pixeldaten zu generieren, anstatt ein bereits vorhandenes aus dem Cache zu ziehen .
Ssokolow