HT_lz_cont_head
 



================

SVG ...

Antworten
  • Seite 1 von 2
#1
16.09.2022 22:04
avatar  l2otbart
#1 SVG ...
l2
l2otbart

wäre bestimmt auch interessant, wenn man hier seine eigenen Bilder 'zeichnen' könnte.

https://wiki.selfhtml.org/wiki/SVG

bisher nur eine Idee, vielleicht lässt es sich hier umsetzen ... 😎

dazu müsste es einen eigenen BBCode geben: [SVG] , das könnte das nächste Projekt werden ...

~ ~ a smile 😃 says more than 1000 words ~ ~


 Antworten

 Beitrag melden
#2
19.09.2022 14:11
avatar  l2otbart
#2 RE: SVG ...
l2
l2otbart

ein Anfang ist gemacht ..

<style>
.eins {
stroke:#337599;
stroke-width: 3;
fill: none;
}

.zwei {
stroke:#337599;
stroke-width: 3;
fill:#dfac20;
}
</style>

<svg viewBox="0 0 870 400">
<rect class="eins" width="200" height="100"/>
<rect class="zwei" x="220" y="20" width="200" height="100"/>
<circle class="zwei" cx="500" cy="200" r="100" />
Ihr Browser kann kein SVG oder der SVG-Code ist fehlerhaft.
</svg>


damit man hier eine Grafik sieht, ist im Layout-Switcher die Option: SVG - Graphiken aktivieren zu schalten

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
 
.eins {
	stroke:#337599;
	stroke-width: 3;
	fill: none;
}
 
.zwei {
	stroke:#337599;
	stroke-width: 3;
	fill:#dfac20;
}
</style>
 
  <svg viewBox="0 0 870 400">
    <rect class="eins" width="200" height="100"/>
    <rect class="zwei" x="220" y="20"   width="200" height="100"/>
    <circle class="zwei" cx="500" cy="200" r="100" />
    Ihr Browser kann kein SVG oder der SVG-Code ist fehlerhaft.
  </svg>
 
 



so komfortable ist das Editieren noch nicht.

über dem TextEditor gibt es eine Auswahl

und darüber ein temporäres Testpanel, in dem sich der Editor-Inhalt darstellen läßt.

~ ~ a smile 😃 says more than 1000 words ~ ~


 Antworten

 Beitrag melden
#3
19.09.2022 23:05
avatar  AdMini
#3 RE: SVG ...
Ad
AdMini

. kw:#animation geht auch ganz einfach: https://wiki.selfhtml.org/wiki/SMIL/animateMotion


<style>
.eins {
stroke: #337599;
stroke-width: 3;
fill: none;
}

.zwei {
stroke: #337599;
stroke-width: 3;
fill: #dfac20;
}
</style>

<svg viewBox="0 0 600 400">
<rect class="eins" width="200" height="100"/>
<rect class="zwei" x="220" y="20" width="200" height="100"/>
<rect class="zwei" x="100" y="150" width="50" height="40" rx="50" ry="50">
<animateMotion
dur="10s" repeatCount="indefinite"
path="m 0,0 c -200,0 29.9,398.2 129.9,225 100,-173.2 -359.8,-173.2 -259.8,0 100,173.2 z"/>
</rect>

Ihr Browser kann kein SVG oder der SVG-Code ist fehlerhaft.


</svg>


19.01.2022 Test-v6 online

 Antworten

 Beitrag melden
#4
20.09.2022 17:26
avatar  l2otbart
#4 RE: SVG ...
l2
l2otbart

langsam entwickelt sich das Modul 'svg', jetzt steht auch kleine Online-Hilfe zur Verfügung für das Menue:

Auswahl SVG


hier soll der MessageText editiert und local angezeigt werden.
Dafür gibt es das SVG-Panel.
Es soll also nicht wie mit 'Vorschau' eine neue Seite aufgebaut werden, sondern die Änderung gleich local im SVG-Panel sichtbar sein!

In der Iconbar gibt es ein neues Icon [svg]. Das liefert einen BBC_Tag ähnlich 'Spoiler' und definiert einen Bereich (iframe), in dem SVG bzw. HTML ausgewertet wird.
In anderen Bereichen von MessageText wird HTML nicht interpretiert.
Der BBCode [SVGx=cl]: 'cl' steht für class
könnte sein 'gray w200 h200' und definiert Grösse und Hintergrundfarbe des iframes.
aktuell wirkt dieses 'cl' nicht auf das temporäre SVG-Panel.
mehr dazu im Layoutswitcher mit 'CSS-Code einblenden', um verfügbare Klassen zu erfahren

Innerhalb von <­s­vg­> sind keine HTML-Tags zugelassen (führt zum Fehler ????). einfacher Text wird im Fehlerfall ausgegeben, wie: Ihr Browser versteht kein svg.

mehr im selfhtml SVG-Wiki

~ ~ a smile 😃 says more than 1000 words ~ ~


 Antworten

 Beitrag melden
#5
02.12.2023 09:02
avatar  l2otbart
#5 RE: SVG ...
l2
l2otbart

Will dieses Thema mal wieder hervorholen, und ausprobieren ob das SVG Modul in diesem Skript noch unterstützt wird.

Scheint aber so zu sein, man muss nur den Layout-Switcher bedienen und die svg-Option wählen



https://www.hpm-support.de/t547483f11769...in-Plugins.html



.

~ ~ a smile 😃 says more than 1000 words ~ ~


 Antworten

 Beitrag melden
Antworten
Bereits Mitglied?
Jetzt anmelden!
Mitglied werden?
Jetzt registrieren!
Beiträge dieses Themas (vers 8.5.) V4 V6 [ ✖ ]
    Statistik der gezeigten Beiträge
        sessionStorage-Daten verwalten

        zusätzlich Beitragstexte speichern.

        mehr ...(Kontrolle)

        hier können die sessionStorage-Daten einzelner Threads gelöscht werden
        und festgelegt werden, ob die Beitragstexte gecacht/gebuffert werden sollen.

        Den Standardwert legt der Admin fest, hier wird nicht standardmäßig gebuffert. Man muß also jeden einzelnen Wert festlegen.

        mit schließen des BrowserTabs werden diese sessionStorage-Daten komplett gelöscht. Sie enthalten die eingelesenen "Verzeichnisse" und die Textbeiträge. wikipedia.org/wiki/Web_Storage

        • Threadkbsdelbuff Thema

        die Kontrolldaten werden permanent im Browser gespeichert (localStorage)