Textpräsentationsprogramm © Gerhard Schacherl
Aus einfachen Texten, z. B. Liedtexten werden SVG-Grafiken, die sich der Bildschirmgröße anpassen.
Diese können am Bildschirm "projiziert" werden - auch auf angeschlossenem Beamer, Monitor oder TV-Gerät.
Die Hauptfunktion von text2svg ist das Darstellen ("Projizieren") von Texten.
# am Beginn einer Zeile sorgt dafür, dass bei der Projektion eine neue Seite beginnt.Button Text öffnen: Ein bereits auf Speichermedien vorhandener Text kann geöffnet werden.
Der geöffnete Text ersetzt den Text im Vorbereitungs-Textfeld ohne Nachfrage.
Button Wrap schaltet den Zeilenumbruch der Textfelder um
Button → : Vorbereitungstext ersetzt den Projektionstext
Button + → : Vorbereitungstext wird an Projektionstext angehängt
Die Projektion beginnt mit dem Drücken des Buttons Start Präsentation
oder der Tastenkombination Alt+W
Die 1. Folie erscheint
Textzeilen (ev. Bilder, siehe "Spezialfälle") werden automatisch horizontal und vertikal zentriert
WEITERSCHALTEN zur nächsten Folie:
Klick (od. Touch) in der rechten Bildschirmhälfte (obere 90% des Bildschirms)
Tastenbedienung: Pfeiltaste rechts
ZURÜCKSCHALTEN zur vorigen Folie;
Klick (od. Touch) in der linken Bildschirmhälfte (obere 90% des Bildschirms)
Mausklick mit rechter Maustaste
Tastenbedienung: Pfeiltaste links
GEHE ZU MARKIERUNG (Seite):
Maus während der Projektion in den unteren Bildschirmbereich (untere 10%) bewegen, es erscheint eine Steuerleiste.
Maus nach links od. rechts bewegen, Anzeige beachten und klicken
(auf Tablets ist nur Touch möglich, keine Anzeige)
oder nach unten zum Button scrollen: Gehe zu Folie ...
Nach unten scrollen (zu den Textfeldern)
oder Tastenkombination Alt+W
Immer wenn der Projektionstext rot ist (= Text ist neu oder geändert, Browserfenster verändert ...),
nochmals Button Start Projektion betätigen.
Button Text speichern
ev. vorher Trimmen (= Leerzeichen am Ende und am Schluss der Zeilen entfernen)
Hier ist zu unterscheiden, ob das Programm im Internet oder vom lokalen Gerät gestartet wird. Im Internet werden einige Funktionen aus Sicherheitsgründen von den Browsern blockiert!
Die Spezialfunktionen, die im Vorbereitungstext nach dem Start des Programms enthalten sind, funktionieren in jedem Fall und können ausprobiert werden. Sie sind teilweise experimentell.
*color,Vordergrundfarbe,Hintergrundfarbe in den Projektionstext einzusetzen.*color,red,white od. *color,#ff0000,#ffffff (keine Leerzeichen!)° (Grad) mit einer Zahl eingefügt werden.
(z.B.: °30) Bei der Projektion wird dann entsprechend der Zahl eine Zeile mit
der Anzahl "Braille-Leerzeichen" eingesetzt, diese bewirken eine längere unsichtbare Zeile.Text öffnen geöffnet werden.→ (= Projektionstext durch den Vorbereitungstext ersetzen)
werden aus chordPro - Texten Tags und Akkorde entfernt.{t:... beginnen!
<svg viewBox="0 0 100 100"><path d="m10,90 l80,0 l0,-40 l-60,0 l0,-30 l3,0 l-13,-10 l-13,10 l3,0z" style="fill:none; stroke:lightblue;"/><circle cx="20" cy="30" r="5" style="fill:none; stroke:lightblue;"/></svg>Sieht so aus:
style.css) sind 2 weitere Schriftarten festgelegt: 'monospace' und der Google-Font 'Concert One'Swing Low, Sweet Chariot % Composed late 1860s by Wallace Willis and Minerva Willis ³ |: Swing low, sweet chariot, Comin' for to carry me home! :| ~
# (bel. Text) swing low sweet chariot.jpg(= Bilddateiname)
Wenn das Programm text2svg im Internet läuft, erwartet es die Bilder unterhalb des Programmordners ./daten/bilder/
Bilder von Speichermedien zu laden, lassen die Browser aus Sicherheitsgründen nicht zu!
Wenn das Programm am lokalen Gerät läuft, ist der voreingestellte Bilderordner ebenfalls ./daten/bilder/
Der Standardpfad lässt sich während des Programmlaufes einstellen mit Button Bildpfad setzen
Ein anderer Bildpfad kann für ein einzelnes Bild angegeben werden, z.B. ./daten_local/bilder/testbild.jpg
<image ...>-Tag eines SVG gesetzt.# swing low sweet chariot.svg(= Bilddateiname)
viewBox besitzen.
SVG-Grafiken (z.B. Noten!) sind häufig schwarz und haben keinen Hintergrund. Bei dunklem Projektionshintergrund sind sie nicht gut sichtbar. Dann helfen vielleicht folgende Tricks:
weiss.svg vor dem eigentlichen SVG einsetzen:
# weiss.svg willkommen-rufzeichen-schwarz.svg
# <svg><rect width="100%" height="100%" style="fill: white">/svg> willkommen-rufzeichen-schwarz.svg
In der Internet-Version sind nur wenige Bilder (*.jpg und *.svg) vorhanden.
Ausweichen auf Inline-SVG und Base64 möglich (s. oben)
# Noten jpg swing low sweet chariot.jpg Noten als JPG-Grafik
# Noten svg <svg viewBox="0 0 794 652" style="fill:white">rect x="0" y="0" width="794" height="652" /></svg> Noten als SVG-Grafik swing low sweet chariot.svgHier sind die Bilder in 3 Ebenen angeordnet:
<svg><text x="0" y="10%" style="fill: red; text-anchor:start">BEGINN</text><text x="100%" y="100%" style="fill: red; text-anchor:end">ENDE</text><svg>
Dieses Projekt als Download: text2svg.zip
Ordnerstruktur:
text2svg (diesen Ordner selbst erstellen, Name wählbar, text2svg.zip hier speichern und entpacken) ├ daten │ └ bilder └ fonts
ANMERKUNG: Der Font "concert-one" ist aus rechtlichen Gründen nicht im Download enthalten.
Es ist ein Google-Font, der extra von Google (oder google-webfonts-helper) heruntergeladen werden müsste und im Ordner fonts, Unterordner concertOne gespeichert werden müsste!
text2svg verwendet eine Ersatzschrift, wenn der Font nicht vorhanden ist.