Erstellen von Diagrammen und Diagrammen ohne JS, nur mit einem Web tun

Heute stellt Ihnen das BlogDuWebdesign die Schriftart AtF Spark vor, eine Schriftart, die es ermöglicht, in den Texten und Webdesigns eine äußerst einfache Art und Weise einzufügen.

Um Graphen zu erstellen, stehen Ihnen viele Möglichkeiten zur Verfügung.

Sie könnten zum Beispiel komplett Ihre Graphen ganz in SVG erstellen, wo Sie ein Javascript-Tool verwenden, das es für Sie tun wird. Diese Lösung ist perfekt, wenn Sie große dynamische Graphen benötigen, aber ihre Implementierung wird nicht sehr einfach sein, und die Informationen, die durch Ihre Graphen übertragen werden, werden während eines kopierten eingefügt verloren.

Sie können auch eine Bildmanipulationstechnik wie Imagemagick verwenden, um Ihre Server-Dimensionsgraphen in Form eines Bildes zu erzeugen. Hier wäre es möglich, das Ergebnis zu kopieren und einzufügen (welches nach der Erzeugung nur ein Bild endlich ist), aber die Implementierung einer solchen Lösung wäre komplex.

Ich schlage Ihnen heute eine dritte Lösung vor: eine einfache Schriftart!

 

Atf Spark, eine Schriftart, um Graphen zu erstellen

Wie der Titel dieses Absatzes so gut anzeigt, ist AtF Spark eine Schriftschrift, die es ermöglicht, extrem einfache Arten von Graphenarten zu erstellen.

 

Um diese Art von Graphen zu erstellen, laden und installieren Sie die Schriftart (en), die Sie interessieren in der CSS Ihrer Seite, dann definieren Sie eine Klasse mit der Schriftart Ihrer Wahl. Ressourcenentwickler beraten Sie, die “calt” -Eigenschaft für ältere Browser zu aktivieren, die es erlauben, dass Ligaturen funktionieren.

.class {
font-variante-ligaturen: kontextual;
-moz-font-feature-settings: “calt”;
-webkit-make-feature-settings: “calt”;
font-feature-settings: “calt”;
}
Sobald dies alles getan ist, musst du nur einen Graphen mit folgender Syntax erstellen! 123} 456 {30,60,90.

 

Wie Sie sehen können, sind die Graphen ziemlich dynamisch und ändern sich zur gleichen Zeit wie die Daten ändern. Darüber hinaus ist es eine einfache Schriftart, es ist durchaus möglich, eine der Graphen zu kopieren und einzufügen, die es uns ermöglicht, die für ihre Konstruktion notwendigen Zahlen zu erhalten. Nicht unbedingt als lesbar, aber die Information ist völlig erhalten.