tag:forum.selfhtml.org,2005:/selfist ein open polygon nur mit CSS /HTML möglich? – SELFHTML-Forum2019-05-27T02:23:12Zhttps://forum.selfhtml.org/self/2019/may/20/ist-ein-open-polygon-nur-mit-css-strich-html-moeglich/1749020#m1749020TSts-self@online.dehttps://bitworks.de2019-05-20T19:19:33Z2019-05-20T19:19:33Zist ein open polygon nur mit CSS /HTML möglich?<p>Hello,</p>
<p>ich habe nun schon dutzende Seiten im Web durch, leider ohne Erfolg.<br>
Mit PHP gibt es in der gd-lib die Funktion <a href="https://www.php.net/manual/de/function.imageopenpolygon.php" rel="nofollow noopener noreferrer">imageopenpolygon()</a>.</p>
<p>Mit CSS/HTML kann man wunderschöne Formen zeichnen. Aber ob man auch einen (offenen) Linienzug erstellen kann, kann ich nicht finden.</p>
<p>Ich möchte ausdrücklich kein SVG und kein Canvas benutzen.</p>
<p>Glück Auf<br>
Tom vom Berg</p>
<div class="signature">-- <br>
Es gibt nichts Gutes, außer man tut es!<br>
Das Leben selbst ist der Sinn.<br>
</div>
https://forum.selfhtml.org/self/2019/may/20/ist-ein-open-polygon-nur-mit-css-strich-html-moeglich/1749021#m1749021Gunnar Bittersmannselfhtml@bittersmann.dehttps://bittersmann.de2019-05-20T19:50:52Z2019-05-20T19:50:52Zist ein open polygon nur mit CSS /HTML möglich?<p>@@TS</p>
<blockquote>
<p>ich habe nun schon dutzende Seiten im Web durch, leider ohne Erfolg.<br>
Mit PHP gibt es in der gd-lib die Funktion <a href="https://www.php.net/manual/de/function.imageopenpolygon.php" rel="nofollow noopener noreferrer">imageopenpolygon()</a>.</p>
<p>Mit CSS/HTML kann man wunderschöne Formen zeichnen.</p>
</blockquote>
<p>Klar kann man das das. Du legst eine Tabelle mit – sagen wir 600 Zeilen und 400 Spalten – an, machst jede Spalte 1 Pixel breit, jede Zeile 1 Pixel hoch, gibst jeder Zelle die gewünschte Farbe – fertig ist die Rastergrafik. Aber ob das sinnvoll ist?</p>
<blockquote>
<p>Aber ob man auch einen (offenen) Linienzug erstellen kann, kann ich nicht finden.</p>
<p>Ich möchte ausdrücklich kein SVG und kein Canvas benutzen.</p>
</blockquote>
<p>Du willst in die <a href="https://cssbattle.dev" rel="nofollow noopener noreferrer">CSSBattle</a> einsteigen?</p>
<p>LLAP </p>
<div class="signature">-- <br>
<em>„Wer durch Wissen und Erfahrung der Klügere ist, der sollte nicht nachgeben. Und nicht aufgeben.“</em> —Kurt Weidemann
</div>
https://forum.selfhtml.org/self/2019/may/20/ist-ein-open-polygon-nur-mit-css-strich-html-moeglich/1749030#m1749030djr2019-05-20T21:00:22Z2019-05-20T21:00:22Zist ein open polygon nur mit CSS /HTML möglich?<blockquote>
<p>Mit CSS […] einen (offenen) Linienzug erstellen</p>
</blockquote>
<p><em>Idee 1:</em> eine <a href="https://css-tricks.com/the-shapes-of-css/" rel="nofollow noopener noreferrer">Form basteln</a> deren Farbe die des Hintergrunds ist & dem <em>Wrapper-Element</em> ein <code>filter: drop-shadow()</code> geben.</p>
<p><em>Idee 2:</em> Mehrere positionierte Hintergrundbilder die je eine, mit <code>linear-gradient()</code> erstellte, Linie zeigen kombinieren.</p>
https://forum.selfhtml.org/self/2019/may/20/ist-ein-open-polygon-nur-mit-css-strich-html-moeglich/1749031#m1749031djr2019-05-20T21:17:11Z2019-05-20T21:17:11Zist ein open polygon nur mit CSS /HTML möglich?<p><em>Idee 3:</em> wie <em>Idee 1</em> nur die Form mit <code>clip-path: polygon()</code> erzeugen.</p>
<ul>
<li>Tipp: <a href="https://bennettfeely.com/clippy/" rel="nofollow noopener noreferrer">https://bennettfeely.com/clippy/</a></li>
<li>DEMO: <a href="https://codepen.io/anon/pen/PvJEbX" rel="noopener noreferrer">https://codepen.io/anon/pen/PvJEbX</a></li>
</ul>
https://forum.selfhtml.org/self/2019/may/20/ist-ein-open-polygon-nur-mit-css-strich-html-moeglich/1749022#m1749022TSts-self@online.dehttps://bitworks.de2019-05-20T19:58:05Z2019-05-20T20:51:40Zist ein open polygon nur mit CSS /HTML möglich?<p>Hello,</p>
<p>☆rarara☆</p>
<p>das geht auch mit gefüllten <a href="http://selfhtml.bitworks.de/grafik/sinus.php" rel="nofollow noopener noreferrer">Divs oder spans</a>, die man mit Position:absolute o.ä. platziert.
Ich fragte aber ausdrücklich nach Open Polygon oder ähnlichen Lösungen.</p>
<p>Ich interpretiere deine Antwort nun so, dass es nicht geht. Schade eigentlich!</p>
<p>Glück Auf<br>
Tom vom Berg</p>
<div class="signature">-- <br>
Es gibt nichts Gutes, außer man tut es!<br>
Das Leben selbst ist der Sinn.<br>
</div>
https://forum.selfhtml.org/self/2019/may/20/ist-ein-open-polygon-nur-mit-css-strich-html-moeglich/1749044#m1749044Gunnar Bittersmannselfhtml@bittersmann.dehttps://bittersmann.de2019-05-21T04:16:17Z2019-05-21T04:16:17Zist ein open polygon nur mit CSS /HTML möglich?<p>@@TS</p>
<blockquote>
<p>das geht auch mit gefüllten <a href="http://selfhtml.bitworks.de/grafik/sinus.php" rel="nofollow noopener noreferrer">Divs oder spans</a>, die man mit Position:absolute o.ä. platziert.</p>
</blockquote>
<p>Ja, wenn du’s noch aufwändiger willst …</p>
<blockquote>
<p>Ich fragte aber ausdrücklich nach Open Polygon oder ähnlichen Lösungen.</p>
</blockquote>
<p>Wenn du die Farben der einzelnen Tabellenzellen (nennen wir sie „Pixel“) nicht mit Zettel und Stift ermitteln willst, kann du den <a href="https://de.wikipedia.org/wiki/Bresenham-Algorithmus" rel="nofollow noopener noreferrer">Bresenham-Algorithmus</a> in JavaScript oder PHP implementieren.</p>
<p>600 × 400 Pixel-Elemente<sup class="footnote-ref"><a href="#fn1" id="fnref1">[1]</a></sup> im DOM ist aber schon heftig. Zum Zeichen eignen sich die Techniken, die du ausschließt: SVG und Canvas. Du bist die Begründung für den Ausschluss schuldig geblieben.</p>
<p>LLAP </p>
<div class="signature">-- <br>
<em>„Wer durch Wissen und Erfahrung der Klügere ist, der sollte nicht nachgeben. Und nicht aufgeben.“</em> —Kurt Weidemann
</div>
<hr class="footnotes-sep">
<section class="footnotes">
<ol class="footnotes-list">
<li id="fn1" class="footnote-item"><p>rekursives Akronym <a href="#fnref1" class="footnote-backref">↩︎</a></p>
</li>
</ol>
</section>
https://forum.selfhtml.org/self/2019/may/20/ist-ein-open-polygon-nur-mit-css-strich-html-moeglich/1749035#m1749035djr2019-05-20T21:49:13Z2019-05-20T21:49:13Zist ein open polygon nur mit CSS /HTML möglich?<p>Zu <em>Idee 2:</em></p>
<p>DEMO: <a href="https://codepen.io/anon/pen/QRqaQw" rel="noopener noreferrer">https://codepen.io/anon/pen/QRqaQw</a></p>
<pre><code class="block language-css"><span class="token selector">html</span> <span class="token punctuation">{</span>
<span class="token property">background-repeat</span><span class="token punctuation">:</span> no-repeat<span class="token punctuation">;</span>
<span class="token property">background-size</span><span class="token punctuation">:</span> 100px 100px<span class="token punctuation">;</span>
<span class="token property">background-image</span><span class="token punctuation">:</span>
<span class="token function">linear-gradient</span><span class="token punctuation">(</span>-45deg<span class="token punctuation">,</span> transparent 49px<span class="token punctuation">,</span> red 49px<span class="token punctuation">,</span> red 51px<span class="token punctuation">,</span> transparent 51px<span class="token punctuation">)</span><span class="token punctuation">,</span>
<span class="token function">linear-gradient</span><span class="token punctuation">(</span>45deg<span class="token punctuation">,</span> transparent 49px<span class="token punctuation">,</span> blue 49px<span class="token punctuation">,</span> blue 51px<span class="token punctuation">,</span> transparent 51px<span class="token punctuation">)</span><span class="token punctuation">,</span>
<span class="token function">linear-gradient</span><span class="token punctuation">(</span>180deg<span class="token punctuation">,</span> transparent 98px<span class="token punctuation">,</span> green 98px<span class="token punctuation">)</span><span class="token punctuation">;</span>
<span class="token property">background-position</span><span class="token punctuation">:</span> 150px 0px<span class="token punctuation">,</span>
10px 0px<span class="token punctuation">,</span>
80px 0px<span class="token punctuation">;</span>
<span class="token punctuation">}</span>
</code></pre>
https://forum.selfhtml.org/self/2019/may/20/ist-ein-open-polygon-nur-mit-css-strich-html-moeglich/1749034#m1749034TSts-self@online.dehttps://bitworks.de2019-05-20T21:38:05Z2019-05-20T21:38:05Zist ein open polygon nur mit CSS /HTML möglich?<p>Hello,</p>
<blockquote>
<p><em>Idee 3:</em> wie <em>Idee 1</em> nur die Form mit <code>clip-path: polygon()</code> erzeugen.</p>
<ul>
<li>Tipp: <a href="https://bennettfeely.com/clippy/" rel="nofollow noopener noreferrer">https://bennettfeely.com/clippy/</a></li>
<li>DEMO: <a href="https://codepen.io/anon/pen/PvJEbX" rel="noopener noreferrer">https://codepen.io/anon/pen/PvJEbX</a></li>
</ul>
</blockquote>
<p>Ja, so wollte ich es ja.<br>
Nun verstehe ich aber nicht, <em>warum</em> das Polygon offen ist.</p>
<p>Glück Auf<br>
Tom vom Berg</p>
<div class="signature">-- <br>
Es gibt nichts Gutes, außer man tut es!<br>
Das Leben selbst ist der Sinn.<br>
</div>
https://forum.selfhtml.org/self/2019/may/20/ist-ein-open-polygon-nur-mit-css-strich-html-moeglich/1749119#m1749119Gunnar Bittersmannselfhtml@bittersmann.dehttps://bittersmann.de2019-05-22T06:56:53Z2019-05-22T06:56:53Zist ein open polygon nur mit CSS /HTML möglich?<p>@@djr</p>
<blockquote>
<p><em>Idee 3:</em> wie <em>Idee 1</em> nur die Form mit <code>clip-path: polygon()</code> erzeugen.</p>
</blockquote>
<p>Da hab ich mich dann auch mal <a href="https://codepen.io/gunnarbittersmann/pen/wbPqrN" rel="noopener noreferrer">dran versucht</a>. Als Flächendiagramm OK, aber als Liniendiagramm?</p>
<p>Der Hack mit dem <code>filter: drop-shadow()</code> für <code>body</code> ist nicht das Gelbe vom Ei, zum einen wegen der unterschiedlichen Strichstärken. Zum anderen wirkt der Filter auf alles, auch auf den Text. Da müsste man ein zusätzliches Container-Element für das Diagramm vorsehen, meh.</p>
<p>LLAP </p>
<div class="signature">-- <br>
<em>„Wer durch Wissen und Erfahrung der Klügere ist, der sollte nicht nachgeben. Und nicht aufgeben.“</em> —Kurt Weidemann
</div>
https://forum.selfhtml.org/self/2019/may/20/ist-ein-open-polygon-nur-mit-css-strich-html-moeglich/1749037#m1749037djr2019-05-20T21:54:49Z2019-05-20T21:54:49Zist ein open polygon nur mit CSS /HTML möglich?<blockquote>
<p>Nun verstehe ich aber nicht, warum das Polygon offen ist.</p>
</blockquote>
<p>Das schwarze "offene Polygon" ist nur der Schatten des geschlossenen weißen Polygons auf weißem Hintergrund.</p>
https://forum.selfhtml.org/self/2019/may/20/ist-ein-open-polygon-nur-mit-css-strich-html-moeglich/1749045#m1749045Gunnar Bittersmannselfhtml@bittersmann.dehttps://bittersmann.de2019-05-21T04:21:19Z2019-05-21T04:21:19Zist ein open polygon nur mit CSS /HTML möglich?<p>@@djr</p>
<blockquote>
<pre><code class="block"> linear-gradient(-45deg, transparent 49px, red 49px, red 51px, transparent 51px),
</code></pre>
</blockquote>
<p>Die Wiederholung der Farben ist nicht notwendig und die der <em lang="en">color stops</em> auch nicht. ☞ <a href="https://forum.selfhtml.org/self/2019/apr/11/kniffliges-zur-wochenmitte-css-battle/1746625#m1746625" rel="noopener noreferrer">dieses Posting</a> und das darauf <a href="https://forum.selfhtml.org/self/2019/apr/11/kniffliges-zur-wochenmitte-css-battle/1747425#m1747425" rel="noopener noreferrer">folgende</a>.</p>
<p>LLAP </p>
<div class="signature">-- <br>
<em>„Wer durch Wissen und Erfahrung der Klügere ist, der sollte nicht nachgeben. Und nicht aufgeben.“</em> —Kurt Weidemann
</div>
https://forum.selfhtml.org/self/2019/may/20/ist-ein-open-polygon-nur-mit-css-strich-html-moeglich/1749064#m1749064Gunnar Bittersmannselfhtml@bittersmann.dehttps://bittersmann.de2019-05-21T09:27:42Z2019-05-21T09:27:42Zist ein open polygon nur mit CSS /HTML möglich?<p>@@djr</p>
<blockquote>
<pre><code class="block"> linear-gradient(-45deg, transparent 49px, red 49px, red 51px, transparent 51px)
</code></pre>
</blockquote>
<p>Wenn man bei allen Anstiegswinkeln gleiche Strichstärke haben will (will man!), wird da so nichts, AFAIS. Man muss die <em lang="en">color stops</em> berechnen: Mitte plus/minus halbe Strichbreite:</p>
<pre><code class="block"> linear-gradient(
to right bottom,
transparent calc(50% - var(--stroke-width) / 2,
red 0 calc(50% + var(--stroke-width) / 2,
transparent 0
)
</code></pre>
<p>LLAP </p>
<div class="signature">-- <br>
<em>„Wer durch Wissen und Erfahrung der Klügere ist, der sollte nicht nachgeben. Und nicht aufgeben.“</em> —Kurt Weidemann
</div>
https://forum.selfhtml.org/self/2019/may/20/ist-ein-open-polygon-nur-mit-css-strich-html-moeglich/1749038#m1749038djr2019-05-20T21:57:34Z2019-05-20T21:57:34Zist ein open polygon nur mit CSS /HTML möglich?<p>Nachteil des Schattens: die Linie variiert in ihrer Breite.</p>
<p>Besser ist da <a href="https://forum.selfhtml.org/self/2019/may/20/ist-ein-open-polygon-nur-mit-css-strich-html-moeglich/1749035#m1749035" rel="noopener noreferrer">Idee 2</a>.</p>
https://forum.selfhtml.org/self/2019/may/20/ist-ein-open-polygon-nur-mit-css-strich-html-moeglich/1749043#m1749043TSts-self@online.dehttps://bitworks.de2019-05-21T03:49:20Z2019-05-21T03:49:20Zist ein open polygon nur mit CSS /HTML möglich?<p>Hello,</p>
<p>ich hatte noch daran gedacht, mit gedrehten Objekten zu arbeiten und z. B. die Kanten eines plattgedrückten divs zu benutzen. Aber es ist ziemlich schwer, die beiden Enden der entstehenden Linie auf die Messpunkte zu positionieren.</p>
<p>Ich hatte da vor längerer Zeit schon mal ein Beispiel gebastelt, aber das liegt auf dem PC zuhause ☆schnüff☆.</p>
<p>Glück Auf<br>
Tom vom Berg</p>
<div class="signature">-- <br>
Es gibt nichts Gutes, außer man tut es!<br>
Das Leben selbst ist der Sinn.<br>
</div>
https://forum.selfhtml.org/self/2019/may/20/ist-ein-open-polygon-nur-mit-css-strich-html-moeglich/1749051#m1749051JürgenBhttps://www.j-berkemeier.de2019-05-21T06:34:57Z2019-05-21T06:34:57ZWarum nicht svg oder canvas?<p>Hallo Tom,</p>
<blockquote>
<p>Messpunkte</p>
</blockquote>
<p>warum muss es unbedingt html/css sein. Im Wiki haben wir etwas in svg und in canvas:</p>
<p><a href="https://wiki.selfhtml.org/wiki/SVG/Tutorials/Funktionsplotter" rel="nofollow noopener noreferrer">https://wiki.selfhtml.org/wiki/SVG/Tutorials/Funktionsplotter</a></p>
<p><a href="https://wiki.selfhtml.org/wiki/JavaScript/Tutorials/Funktionsplotter" rel="nofollow noopener noreferrer">https://wiki.selfhtml.org/wiki/JavaScript/Tutorials/Funktionsplotter</a></p>
<p>Gruß<br>
Jürgen</p>
https://forum.selfhtml.org/self/2019/may/20/ist-ein-open-polygon-nur-mit-css-strich-html-moeglich/1749046#m1749046TSts-self@online.dehttps://bitworks.de2019-05-21T04:25:12Z2019-05-21T04:25:12Zist ein open polygon nur mit CSS /HTML möglich?<p>Hello,</p>
<blockquote>
<blockquote>
<p>Ich fragte aber ausdrücklich nach Open Polygon oder ähnlichen Lösungen.</p>
</blockquote>
<p>Wenn du die Farben der einzelnen Tabellenzellen (nennen wir sie „Pixel“) nicht mit Zettel und Stift ermitteln willst, kann du den <a href="https://de.wikipedia.org/wiki/Bresenham-Algorithmus" rel="nofollow noopener noreferrer">Bresenham-Algorithmus</a> in JavaScript oder PHP implementieren.</p>
</blockquote>
<p>Die Messpunkte selber sind doch kein Problem, sondern die Verbindungslinien dazwischen.
Für die Messpunkte selber ist die Version mit den Spans durchaus praktikabel.</p>
<p>Glück Auf<br>
Tom vom Berg</p>
<div class="signature">-- <br>
Es gibt nichts Gutes, außer man tut es!<br>
Das Leben selbst ist der Sinn.<br>
</div>
https://forum.selfhtml.org/self/2019/may/20/ist-ein-open-polygon-nur-mit-css-strich-html-moeglich/1749065#m1749065Matthias Apselmatthias.apsel@selfhtml.orghttps://brückentage.info2019-05-21T09:56:04Z2019-05-21T09:56:04Zist ein open polygon nur mit CSS /HTML möglich?<p>Hallo Gunnar Bittersmann,</p>
<blockquote>
<p>600 × 400 Pixel-Elemente<sup class="footnote-ref"><a href="#fn1" id="fnref1">[1]</a></sup></p>
</blockquote>
<p>Wieso ist das ein rekursives Akronym?</p>
<p>Bis demnächst<br>
Matthias</p>
<div class="signature">-- <br>
Pantoffeltierchen haben keine Hobbys.<br>
¯\_(ツ)_/¯
</div>
<hr class="footnotes-sep">
<section class="footnotes">
<ol class="footnotes-list">
<li id="fn1" class="footnote-item"><p>rekursives Akronym <a href="#fnref1" class="footnote-backref">↩︎</a></p>
</li>
</ol>
</section>
https://forum.selfhtml.org/self/2019/may/20/ist-ein-open-polygon-nur-mit-css-strich-html-moeglich/1749052#m1749052JürgenBhttps://www.j-berkemeier.de2019-05-21T06:43:04Z2019-05-21T06:43:04Zist ein open polygon nur mit CSS /HTML möglich?<p>Hallo Tom,</p>
<p>vor ca. 15 Jahren habe ich mir eine auf DIV-Suppe basierende Grafikbibliothek gebastelt. Das geht, aber das Löschen von einigen 10.000 Divs beim Verlassen der Seite dauert schon einige Sekunden.</p>
<p>Ich habe mir dann bei leidlicher Unterstützung eine canvas-basierende Bibliothek programmiert und vor ca. 3 Jahren den DIV-Suppen-Generator entsorgt.</p>
<p>Gruß<br>
Jürgen</p>
https://forum.selfhtml.org/self/2019/may/20/ist-ein-open-polygon-nur-mit-css-strich-html-moeglich/1749066#m1749066Gunnar Bittersmannselfhtml@bittersmann.dehttps://bittersmann.de2019-05-21T09:58:31Z2019-05-21T14:19:12Zist ein open polygon nur mit CSS /HTML möglich?<p>@@TS</p>
<blockquote>
<p>Die Messpunkte selber sind doch kein Problem</p>
</blockquote>
<p>Messpunkte? Ah, du willst ein <strong>Liniendiagramm</strong>. Sag das doch gleich, nicht sowas wie <em lang="en">„open polygon“</em>.</p>
<blockquote>
<p>sondern die Verbindungslinien dazwischen.</p>
</blockquote>
<p>Sind auch nicht so’n Problem. Ein HTML-Element für eine Verbindungslinie, die man mit <code>linear-gradient</code> hinbekommt. <a href="https://forum.selfhtml.org/self/2019/may/20/ist-ein-open-polygon-nur-mit-css-strich-html-moeglich/1749035#m1749035" rel="noopener noreferrer">djr deutete es an.</a></p>
<p>☞ <a href="https://codepen.io/gunnarbittersmann/pen/oRGQYb" rel="noopener noreferrer">Ich hab da mal was gebastelt.</a></p>
<p>Die <em>n</em> − 1 Elemente (bei <em>n</em> Messpunkten) werden per JavaScript generiert. Ansonsten tut das Script kaum mehr als die Argumente (Zeitpunkte <em>t</em>) und Messwerte (<em>x</em>) in <em>custom properties</em> zu schreiben und Minimum und Maximum der Argumente und Messwerte zu ermitteln. Die Berechnung der Position erfolgt dann im CSS, bspw:</p>
<pre><code class="block"> left: calc(
var(--width) * (var(--t1) - var(--tmin)) / (var(--tmax) - var(--tmin))
);
</code></pre>
<p>Obwohl, doch: bei der Darstellung kann man nicht die „obere“ Kante unter die „untere“ legen und darauf spekulieren, dass die Box trotzdem angezeigt wird, nur halt auf dem Kopf stehend. Deshalb bekommen die Elemente eine Klasse <code>"up"</code>, <code>"down"</code> bzw. <code>"const"</code> verpasst, über welche die Richtung des Gradienten geregelt wird.</p>
<p>Bei konstantem Verlauf fallen obere und untere Kante zusammen. Damit vom Strich was zu sehen ist, bekommt die Box negativen <code>margin</code>. Um eine halbwegs durchgehende Linie zu erreichen, bekommen die <code>"up"</code>- und <code>"down"</code>-Boxen den auch.</p>
<p>Dadurch wird der Anstieg der Linie leicht verfälscht. Man müsste die Werte für horizontalen und vertikalen Abstand aus dem Anstieg berechenen – aber das wäre dann schon höhere Schule.</p>
<p>Die Beschriftung des Diagramms überlasse ich dir. Das Beispiel zeigt den vorhergesagten Temperaturverlauf für hier und heute.</p>
<p>LLAP </p>
<div class="signature">-- <br>
<em>„Wer durch Wissen und Erfahrung der Klügere ist, der sollte nicht nachgeben. Und nicht aufgeben.“</em> —Kurt Weidemann
</div>
https://forum.selfhtml.org/self/2019/may/20/ist-ein-open-polygon-nur-mit-css-strich-html-moeglich/1749075#m1749075TSts-self@online.dehttps://bitworks.de2019-05-21T11:45:55Z2019-05-21T14:04:31ZWarum nicht svg oder canvas?<p>Hello,</p>
<p>wenn ich das richtig sehe, könnte ich mit dem <a href="https://wiki.selfhtml.org/wiki/SVG/Elemente/Pfade#LineTo" rel="nofollow noopener noreferrer">Beispiel mit moveto</a> zum Ziel kommen.</p>
<p>Tom vom Berg</p>
<div class="signature">-- <br>
Es gibt nichts Gutes, außer man tut es!<br>
Das Leben selbst ist der Sinn.<br>
</div>
https://forum.selfhtml.org/self/2019/may/20/ist-ein-open-polygon-nur-mit-css-strich-html-moeglich/1749298#m1749298TSts-self@online.dehttps://bitworks.de2019-05-24T12:14:35Z2019-05-25T12:32:49ZWarum nicht svg. Für meinen RasPi kann ich es benutzen.<p>Hello,</p>
<p>für meinen RasPi habe ich mit PHP(Server) und SVG(Client) das erste Chart gebastelt.<br>
Fehlt noch eine sinnvolle Beschriftung. Problem: auch die muss mitwandern....</p>
<p><a href="https://bitworks.de/sensor/" rel="nofollow noopener noreferrer">Temperaturdaten</a></p>
<p>Glück Auf<br>
Tom vom Berg</p>
<div class="signature">-- <br>
Es gibt nichts Gutes, außer man tut es!<br>
Das Leben selbst ist der Sinn.<br>
</div>
https://forum.selfhtml.org/self/2019/may/20/ist-ein-open-polygon-nur-mit-css-strich-html-moeglich/1749067#m1749067Gunnar Bittersmannselfhtml@bittersmann.dehttps://bittersmann.de2019-05-21T10:02:18Z2019-05-21T10:02:18Zist ein open polygon nur mit CSS /HTML möglich?<p>@@Matthias Apsel</p>
<blockquote>
<blockquote>
<p>600 × 400 Pixel-Elemente</p>
</blockquote>
<p>Wieso ist das ein rekursives Akronym?</p>
</blockquote>
<p>Was heißt denn das „el“ in „Pixel“? </p>
<p>Aber ja, es ist <a href="https://de.wikipedia.org/wiki/Rekursives_Akronym#Keine_%E2%80%9Eechten%E2%80%9C_Rekursionen" rel="nofollow noopener noreferrer">kein echtes</a>.</p>
<p>LLAP </p>
<div class="signature">-- <br>
<em>„Wer durch Wissen und Erfahrung der Klügere ist, der sollte nicht nachgeben. Und nicht aufgeben.“</em> —Kurt Weidemann
</div>
https://forum.selfhtml.org/self/2019/may/20/ist-ein-open-polygon-nur-mit-css-strich-html-moeglich/1749069#m1749069Gunnar Bittersmannselfhtml@bittersmann.dehttps://bittersmann.de2019-05-21T10:48:31Z2019-05-21T10:48:31Zist ein open polygon nur mit CSS /HTML möglich?<p>@@Gunnar Bittersmann</p>
<blockquote>
<p>☞ <a href="https://codepen.io/gunnarbittersmann/pen/oRGQYb" rel="noopener noreferrer">Ich hab da mal was gebastelt.</a></p>
<p>[…] das Script [tut] kaum mehr als die Messwerte in <em>custom properties</em> zu schreiben und Minimum und Maximum der Argumente (Zeitpnkte <em>t</em>) und Messwerte (<em>x</em>) zu ermitteln. Die Berechnung der Position erfolgt dann im CSS, bspw:</p>
<pre><code class="block"> left: calc(
var(--width) * (var(--t1) - var(--tmin)) / (var(--tmax) - var(--tmin))
);
</code></pre>
</blockquote>
<p>Ein gutes Beispiel für die sinnvolle Verwendung von <em lang="en">custom properties</em>.</p>
<p>Wenn man die Berechnung der Werte von <code>left</code>, <code>right</code>, <code>top</code> und <code>bottom</code> mit JavaScript machen würde, müsste man entweder von fester Höhe und Breite des Diagramms ausgehen; hätte es also nicht responsiv. Oder man müsste auf das <code>resize</code>-Event lauschen und bei Änderung der Viewportgröße gegebenenfalls alles neu berechnen.</p>
<p>Ein Haufen Aufwand, den man sich sparen kann, wenn man die Berechnung dort tätigt, wo es angebracht ist: per CSS.</p>
<p>LLAP </p>
<div class="signature">-- <br>
<em>„Wer durch Wissen und Erfahrung der Klügere ist, der sollte nicht nachgeben. Und nicht aufgeben.“</em> —Kurt Weidemann
</div>
https://forum.selfhtml.org/self/2019/may/20/ist-ein-open-polygon-nur-mit-css-strich-html-moeglich/1749088#m1749088Gunnar Bittersmannselfhtml@bittersmann.dehttps://bittersmann.de2019-05-21T14:45:36Z2019-05-21T14:45:36Zist ein open polygon nur mit CSS /HTML möglich?<p>@@Gunnar Bittersmann</p>
<blockquote>
<p>Minimum und Maximum der Argumente und Messwerte zu ermitteln.</p>
</blockquote>
<p>Das war ein bisschen unsinnig. Wenn das Array nicht chronologisch sortiert ist, dann muss man es zur Erstellung des Diagramms sowieso sortieren. Oder man kann gleich davon ausgehen, dass das Array chronologisch sortiert ist.</p>
<p>Beim sortierten Array ist das Mininum der Argumente (der Zeitpunkte <em>t</em>) im ersten Arrayelement zu finden und das Maximum im letzten. Man muss in der Schleife nur Minimum und Maximum der Messwerte <em>x</em> ermitteln.</p>
<p>Ich habe den Pen angepasst.</p>
<p>LLAP </p>
<div class="signature">-- <br>
<em>„Wer durch Wissen und Erfahrung der Klügere ist, der sollte nicht nachgeben. Und nicht aufgeben.“</em> —Kurt Weidemann
</div>
https://forum.selfhtml.org/self/2019/may/20/ist-ein-open-polygon-nur-mit-css-strich-html-moeglich/1749118#m1749118Gunnar Bittersmannselfhtml@bittersmann.dehttps://bittersmann.de2019-05-22T06:43:17Z2019-05-22T06:43:17Zist ein open polygon nur mit CSS /HTML möglich?<p>@@Gunnar Bittersmann</p>
<blockquote>
<p>Ein HTML-Element für eine Verbindungslinie, die man mit <code>linear-gradient</code> hinbekommt.</p>
</blockquote>
<p>Und dann fiel mir <a href="https://forum.selfhtml.org/self/2017/dec/10/diagonale-mit-css-plus-javascript-ohne-svg/1709836#m1709836" rel="noopener noreferrer">dieses Posting</a> wieder in die Hände.</p>
<p>Aber wenn man schon SVG bemüht, dann kann man es gleich richtig tun und das ganze Diagramm mit SVG zeichnen.</p>
<p>LLAP </p>
<div class="signature">-- <br>
<em>„Wer durch Wissen und Erfahrung der Klügere ist, der sollte nicht nachgeben. Und nicht aufgeben.“</em> —Kurt Weidemann
</div>
https://forum.selfhtml.org/self/2019/may/20/ist-ein-open-polygon-nur-mit-css-strich-html-moeglich/1749108#m1749108Matthias Apselmatthias.apsel@selfhtml.orghttps://brückentage.info2019-05-21T18:55:33Z2019-05-21T18:55:33Zist ein open polygon nur mit CSS /HTML möglich?<p>Hallo Gunnar Bittersmann,</p>
<blockquote>
<blockquote>
<p>Wieso ist das ein rekursives Akronym?</p>
</blockquote>
<p>Was heißt denn das „el“ in „Pixel“? </p>
<p>Aber ja, es ist <a href="https://de.wikipedia.org/wiki/Rekursives_Akronym#Keine_%E2%80%9Eechten%E2%80%9C_Rekursionen" rel="nofollow noopener noreferrer">kein echtes</a>.</p>
</blockquote>
<p>In meinen Augen ist es nicht mal ein Akronym, bloß eine Wortneuschöpfung.</p>
<p>Bis demnächst<br>
Matthias</p>
<div class="signature">-- <br>
Pantoffeltierchen haben keine Hobbys.<br>
¯\_(ツ)_/¯
</div>
https://forum.selfhtml.org/self/2019/may/20/ist-ein-open-polygon-nur-mit-css-strich-html-moeglich/1749078#m1749078JürgenBhttps://www.j-berkemeier.de2019-05-21T12:03:35Z2019-05-21T12:03:35ZWarum nicht svg oder canvas?<p>Hallo Tom,</p>
<blockquote>
<p>… <a href="https://www.php.net/manual/de/function.imageopenpolygon.php" rel="nofollow noopener noreferrer">Beispiel mit moveto</a> …</p>
</blockquote>
<p>also willst du das Diagramm auf dem Server erstellen?</p>
<p>Gruß<br>
Jürgen</p>
https://forum.selfhtml.org/self/2019/may/20/ist-ein-open-polygon-nur-mit-css-strich-html-moeglich/1749087#m1749087Gunnar Bittersmannselfhtml@bittersmann.dehttps://bittersmann.de2019-05-21T14:27:01Z2019-05-21T14:27:01ZWarum nicht svg oder canvas?<p>@@TS</p>
<blockquote>
<p>wenn ich das richtig sehe, könnte ich mit dem <a href="https://wiki.selfhtml.org/wiki/SVG/Elemente/Pfade#LineTo" rel="nofollow noopener noreferrer">Beispiel mit moveto</a> zum Ziel kommen.</p>
</blockquote>
<p>Das siehst du falsch. Das hattest du nämlich ausdrücklich ausgeschlossen.</p>
<p>LLAP </p>
<div class="signature">-- <br>
<em>„Wer durch Wissen und Erfahrung der Klügere ist, der sollte nicht nachgeben. Und nicht aufgeben.“</em> —Kurt Weidemann
</div>
https://forum.selfhtml.org/self/2019/may/20/ist-ein-open-polygon-nur-mit-css-strich-html-moeglich/1749102#m1749102Camping_RIDERjanosch.zoller@selfhtml.orghttp://www.campingrider.de2019-05-21T16:48:08Z2019-05-21T16:48:08ZWarum nicht svg oder canvas?<p>Aloha ;)</p>
<blockquote>
<p>wenn ich das richtig sehe, könnte ich mit dem <a href="https://wiki.selfhtml.org/wiki/SVG/Elemente/Pfade#LineTo" rel="nofollow noopener noreferrer">Beispiel mit moveto</a> zum Ziel kommen.</p>
</blockquote>
<p>Im ersten drüberlesen dachte ich doch tatsächlich, moveto (lies: mowehto) wäre der Name eines besonders fancy-en Frameworks oder so.</p>
<p>Es lebe der (Upper) CamelCase.</p>
<p>Grüße,</p>
<p>RIDER</p>
<div class="signature">-- <br>
Camping_RIDER a.k.a. Riders Flame a.k.a. Janosch Zoller<br>
# <a href="https://twitter.com/Camping_RIDER" rel="nofollow noopener noreferrer">Twitter</a> # <a href="http://steamcommunity.com/id/Camping_RIDER" rel="nofollow noopener noreferrer">Steam</a> # <a href="https://www.youtube.com/user/RidersFlame" rel="nofollow noopener noreferrer">YouTube</a> # <a href="http://wiki.selfhtml.org/wiki/Benutzer:Camping_RIDER" rel="nofollow noopener noreferrer">Self-Wiki</a> #
<a href="http://community.de.selfhtml.org/fanprojekte/selfcode.htm" rel="nofollow noopener noreferrer">Selfcode</a>: sh:) fo:) ch:| rl:) br:^ n4:? ie:% mo:| va:) js:) de:> zu:} fl:( ss:) ls:[
</div>
https://forum.selfhtml.org/self/2019/may/20/ist-ein-open-polygon-nur-mit-css-strich-html-moeglich/1749086#m1749086TSts-self@online.dehttps://bitworks.de2019-05-21T14:06:38Z2019-05-21T14:06:38ZWarum nicht svg oder canvas?<p>Hello,</p>
<p>April, April ... ;-)<br>
Da war wohl beim Verlinken 'was schief gegangen.</p>
<p>Glück Auf<br>
Tom vom Berg</p>
<div class="signature">-- <br>
Es gibt nichts Gutes, außer man tut es!<br>
Das Leben selbst ist der Sinn.<br>
</div>
https://forum.selfhtml.org/self/2019/may/20/ist-ein-open-polygon-nur-mit-css-strich-html-moeglich/1749091#m1749091TSts-self@online.dehttps://bitworks.de2019-05-21T15:07:15Z2019-05-21T15:07:15ZWarum nicht svg oder canvas?<p>Hello,</p>
<blockquote>
<blockquote>
<p>wenn ich das richtig sehe, könnte ich mit dem <a href="https://wiki.selfhtml.org/wiki/SVG/Elemente/Pfade#LineTo" rel="nofollow noopener noreferrer">Beispiel mit moveto</a> zum Ziel kommen.</p>
</blockquote>
<p>Das siehst du falsch. Das hattest du nämlich ausdrücklich ausgeschlossen.</p>
</blockquote>
<p>Ja, weil keinesfalls JS benutzt werden darf.</p>
<p>Wenn es mit CSS/HTML only nun wirklich nicht ohne Krampf geht und SVG einfach bleibt, kann man nochmal darüber nachdenken. Anderenfalls bleibt die Serverlösung mit PHP und imageopenpolygon().</p>
<p>Jetzf war die (weiterentwickelte) Frage, ob LineTo aus dem Abschnitt MoveTo dann überhaupt richtig sein könnte?</p>
<p>Glück Auf<br>
Tom vom Berg</p>
<div class="signature">-- <br>
Es gibt nichts Gutes, außer man tut es!<br>
Das Leben selbst ist der Sinn.<br>
</div>
https://forum.selfhtml.org/self/2019/may/20/ist-ein-open-polygon-nur-mit-css-strich-html-moeglich/1749089#m1749089JürgenBhttps://www.j-berkemeier.de2019-05-21T14:54:02Z2019-05-21T14:54:02Zist ein open polygon nur mit CSS /HTML möglich?<p>Hallo Gunnar,</p>
<blockquote>
<blockquote>
<p>Minimum und Maximum der Argumente und Messwerte zu ermitteln.</p>
</blockquote>
<p>Das war ein bisschen unsinnig. Wenn das Array nicht chronologisch sortiert ist, dann muss man es zur Erstellung des Diagramms sowieso sortieren. Oder man kann gleich davon ausgehen, dass das Array chronologisch sortiert ist.</p>
</blockquote>
<p>in deinem Beispiel (Temperatur gegen Zeit) ist das so, aber die Wertepaare können ja auch die Koordinaten einer Rundwanderung sein.</p>
<p>Gruß<br>
Jürgen</p>
https://forum.selfhtml.org/self/2019/may/20/ist-ein-open-polygon-nur-mit-css-strich-html-moeglich/1749092#m1749092TSts-self@online.dehttps://bitworks.de2019-05-21T15:10:36Z2019-05-21T15:10:36Zist ein open polygon nur mit CSS /HTML möglich?<p>Hello,</p>
<blockquote>
<blockquote>
<blockquote>
<p>Minimum und Maximum der Argumente und Messwerte zu ermitteln.</p>
</blockquote>
<p>Das war ein bisschen unsinnig. Wenn das Array nicht chronologisch sortiert ist, dann muss man es zur Erstellung des Diagramms sowieso sortieren. Oder man kann gleich davon ausgehen, dass das Array chronologisch sortiert ist.</p>
</blockquote>
<p>in deinem Beispiel (Temperatur gegen Zeit) ist das so, aber die Wertepaare können ja auch die Koordinaten einer Rundwanderung sein.</p>
</blockquote>
<p>☆grins☆<br>
Die Begehrlichkeiten wachsen meistens mit fortschreitender Entwicklung :-P</p>
<p>Glück Auf<br>
Tom vom Berg</p>
<div class="signature">-- <br>
Es gibt nichts Gutes, außer man tut es!<br>
Das Leben selbst ist der Sinn.<br>
</div>
https://forum.selfhtml.org/self/2019/may/20/ist-ein-open-polygon-nur-mit-css-strich-html-moeglich/1749097#m1749097Gunnar Bittersmannselfhtml@bittersmann.dehttps://bittersmann.de2019-05-21T16:35:43Z2019-05-21T16:35:43ZWarum nicht svg oder canvas?<p>@@TS</p>
<blockquote>
<blockquote>
<blockquote>
<p>wenn ich das richtig sehe, könnte ich mit dem <a href="https://wiki.selfhtml.org/wiki/SVG/Elemente/Pfade#LineTo" rel="nofollow noopener noreferrer">Beispiel mit moveto</a> zum Ziel kommen.</p>
</blockquote>
<p>Das siehst du falsch. Das hattest du nämlich ausdrücklich ausgeschlossen.</p>
</blockquote>
<p>Ja, weil keinesfalls JS benutzt werden darf.</p>
</blockquote>
<p>Da liegst du schon wieder falsch. JavaScript darf benutzt werden, denn das hattest du nicht ausdrücklich ausgeschlossen.</p>
<blockquote>
<p>Wenn es mit CSS/HTML only nun wirklich nicht ohne Krampf geht und SVG einfach bleibt, kann man nochmal darüber nachdenken.</p>
</blockquote>
<p>Ja, das solltest du wirklich endlich mal tun: <strong>nachdenken!</strong> Es macht nämlich den Anschein, du kippst hier völlig unausgogerenen Kram ins Forum. Du gehst nicht auf Rückfragen ein; dafür änderst du ständig die Anforderungen. So wird das nichts hier.</p>
<p>LLAP </p>
<div class="signature">-- <br>
<em>„Wer durch Wissen und Erfahrung der Klügere ist, der sollte nicht nachgeben. Und nicht aufgeben.“</em> —Kurt Weidemann
</div>
https://forum.selfhtml.org/self/2019/may/20/ist-ein-open-polygon-nur-mit-css-strich-html-moeglich/1749109#m1749109JürgenBhttps://www.j-berkemeier.de2019-05-21T19:19:16Z2019-05-21T19:19:16ZWarum nicht svg oder canvas?<p>Hallo Tom,</p>
<p>ich finde auch, du solltest erst mal aufschreiben, was du willst. Dein Ziel ist bestimmt keine javascriptfreie Polylinie. Danach kann man dann abschätzen, welche Technik geeignet ist. Dann wäre es auch noch gut zu wissen, warum bestimmte Techniken ausgeschlossen werden sollen.</p>
<p>Gruß<br>
Jürgen</p>
https://forum.selfhtml.org/self/2019/may/20/ist-ein-open-polygon-nur-mit-css-strich-html-moeglich/1749124#m1749124Gunnar Bittersmannselfhtml@bittersmann.dehttps://bittersmann.de2019-05-22T08:47:28Z2019-05-22T08:47:28ZWarum nicht svg oder canvas?<p>@@TS</p>
<blockquote>
<p>Ja, weil keinesfalls JS benutzt werden darf.</p>
</blockquote>
<p>Warum nicht? Und wie kriegst du deine Messdaten und das Template (Markup) zusammen? PHP?</p>
<blockquote>
<p>[…] und SVG einfach bleibt, kann man nochmal darüber nachdenken.</p>
</blockquote>
<p>Da du trotz wiederholter Nachfrage keine andere Begründung geliefert hat, nehme ich die plausibelste an: für den Ausschluss von SVG (oder canvas) gibt es keinen technischen Grund. Du hast dich nur noch nicht mit dieser Technik beschäftigt und verspürst auch weiterhin keine Lust, das zu tun, obwohl das für deine Zwecke das einzig sinnvolle ist.</p>
<p>Natürlich ist SVG einfach. Im einfachsten Fall sparst du sogar die Transformation der Werte (<em>t</em>, <em>x</em>(<em>t</em>)) in den Bereich (0, Breite des Diagramms) bzw. (0, Höhe des Diagramms) und setzt stattdessen <code>viewBox</code> entsprechend.</p>
<blockquote>
<p>Jetzf war die (weiterentwickelte) Frage, ob LineTo aus dem Abschnitt MoveTo dann überhaupt richtig sein könnte?</p>
</blockquote>
<p>Ja. Ein Liniendiagramm machst du in SVG am besten mit <code>path</code>. Da brauchst du am Anfang ein <code>M</code> und die Linien zeichnest du mit <code>L</code> (wobei man das <code>L</code> im Code auch weglassen kann). Hier steckt schon die Überlegung drin, dass für diesen Zweck <code>L</code> vermutlich zielführender ist als <code>l</code>.</p>
<p>LLAP </p>
<div class="signature">-- <br>
<em>„Wer durch Wissen und Erfahrung der Klügere ist, der sollte nicht nachgeben. Und nicht aufgeben.“</em> —Kurt Weidemann
</div>
https://forum.selfhtml.org/self/2019/may/20/ist-ein-open-polygon-nur-mit-css-strich-html-moeglich/1749101#m1749101TSts-self@online.dehttps://bitworks.de2019-05-21T16:45:26Z2019-05-21T16:45:26ZWarum nicht svg oder canvas?<p>Hello,</p>
<p>wenn die Sache schon ausgegoren wäre, müsste ich keine Fragen mehr stellen.</p>
<p>Und nun benimm dich, wie es einem intelligenten Menschen gerecht wird!</p>
<p>Glück Auf<br>
Tom vom Berg</p>
<div class="signature">-- <br>
Es gibt nichts Gutes, außer man tut es!<br>
Das Leben selbst ist der Sinn.<br>
</div>
https://forum.selfhtml.org/self/2019/may/20/ist-ein-open-polygon-nur-mit-css-strich-html-moeglich/1749103#m1749103Camping_RIDERjanosch.zoller@selfhtml.orghttp://www.campingrider.de2019-05-21T17:00:28Z2019-05-21T17:00:49ZZum Thema Zusammenarbeit...<p>Aloha ;)</p>
<blockquote>
<p>wenn die Sache schon ausgegoren wäre, müsste ich keine Fragen mehr stellen.</p>
</blockquote>
<p>Wenn die Restriktionen, welche Technologien benutzt werden dürfen und welche nicht, noch nicht ausgegoren sind, warum gibst du sie dann dem Anschein nach fest vor, anstatt einfach mitzuteilen, welche Überlegung hinter diesen Restriktionen steht, worum du ja auch schon <a href="https://forum.selfhtml.org/self/2019/may/20/ist-ein-open-polygon-nur-mit-css-strich-html-moeglich/1749051#m1749051" rel="noopener noreferrer">explizit ge</a>be<a href="https://forum.selfhtml.org/self/2019/may/20/ist-ein-open-polygon-nur-mit-css-strich-html-moeglich/1749044#m1749044" rel="noopener noreferrer">ten wurdest</a>?</p>
<blockquote>
<p>Und nun benimm dich, wie es einem intelligenten Menschen gerecht wird!</p>
</blockquote>
<p>Du unterstellst, dass sich Gunnar bewusst dumm stellt. Das lese ich aus seinem Posting nicht heraus.</p>
<p>Was ich allerdings herauslese ist ein gewisser Unwille, sich in dieser Frage zu engagieren, solange du noch nicht klargemacht hast, wo du hinwillst und was denn überhaupt tatsächlich die Randbedingungen sind, die dein Problem besitzt.</p>
<p>Insofern hat er hier, natürlich so, wie es einem intelligenten Menschen gerecht wird, eine Aufforderung an dich formuliert, dein Problem klar zu umreißen oder wenigstens die Bedingungen klar mitzuteilen und nicht vom einen auf das andere Posting zu ändern. Falls Technologien wie Canvas+SVG oder auch JavaScript nur unerwünscht sind (aus zu nennenden Gründen) und nicht komplett undenkbar, kann man das ja auch so ausdrücken (gerne auch mit einer kurzen Erklärung, welche der möglichen Technologien dann Vorzug genießen soll und warum).</p>
<p>Damit wäre den Antwortern sehr geholfen, weil sie dann nicht mehr so viel im Nebel rumstochern müssen wie sie es gerade jetzt notgedrungen tun, weil deine Bedingungen gar nicht klar sind und man mit einer Antwort buchstäblich raten muss, was du eigentlich im Endeffekt haben willst.</p>
<p>Grüße,</p>
<p>RIDER</p>
<div class="signature">-- <br>
Camping_RIDER a.k.a. Riders Flame a.k.a. Janosch Zoller<br>
# <a href="https://twitter.com/Camping_RIDER" rel="nofollow noopener noreferrer">Twitter</a> # <a href="http://steamcommunity.com/id/Camping_RIDER" rel="nofollow noopener noreferrer">Steam</a> # <a href="https://www.youtube.com/user/RidersFlame" rel="nofollow noopener noreferrer">YouTube</a> # <a href="http://wiki.selfhtml.org/wiki/Benutzer:Camping_RIDER" rel="nofollow noopener noreferrer">Self-Wiki</a> #
<a href="http://community.de.selfhtml.org/fanprojekte/selfcode.htm" rel="nofollow noopener noreferrer">Selfcode</a>: sh:) fo:) ch:| rl:) br:^ n4:? ie:% mo:| va:) js:) de:> zu:} fl:( ss:) ls:[
</div>
https://forum.selfhtml.org/self/2019/may/20/ist-ein-open-polygon-nur-mit-css-strich-html-moeglich/1749126#m1749126JürgenBhttps://www.j-berkemeier.de2019-05-22T09:23:28Z2019-05-22T09:23:28ZWarum nicht svg oder canvas?<p>Hallo Gunnar,</p>
<blockquote>
<p>Natürlich ist SVG einfach. Im einfachsten Fall sparst du sogar die Transformation der Werte (<em>t</em>, <em>x</em>(<em>t</em>)) in den Bereich (0, Breite des Diagramms) bzw. (0, Höhe des Diagramms) und setzt stattdessen <code>viewBox</code> entsprechend.</p>
</blockquote>
<p>zumal es für Messdiagramme schon fertige Lösungen gibt.</p>
<blockquote>
<p>Ja. Ein Liniendiagramm machst du in SVG am besten mit <code>path</code>. …</p>
</blockquote>
<p>In meiner Plot-Bibliothek habe ich mich hier für <code>polyline</code> entschieden. Gibt es einen Grund, warum man <code>path</code> <code>polyline</code> vorziehen sollte?</p>
<p>Gruß<br>
Jürgen</p>
https://forum.selfhtml.org/self/2019/may/20/ist-ein-open-polygon-nur-mit-css-strich-html-moeglich/1749244#m1749244TSts-self@online.dehttps://bitworks.de2019-05-23T16:09:14Z2019-05-23T16:09:14ZWarum nicht svg oder canvas?<p>Hello <a href="/users/20" class="mention registered-user" rel="noopener noreferrer">@Gunnar Bittersmann</a>,</p>
<p>eine erste Antwort auf das Warum findest Du schon mal <a href="https://forum.selfhtml.org/self/2019/may/20/ist-ein-open-polygon-nur-mit-css-strich-html-moeglich/1749242#m1749242" rel="noopener noreferrer">im Posting.</a></p>
<p>Wenn der Browser SVG unterstützt, finde ich SVG auch bequem. Die Daten (Punktepaare) werden auf dem Server zusammengestellt und verursachen nuf weing Traffic im Vergleich zu fertigen Bildern (z. B. JPG, PNG, GIF).</p>
<p>Dass ich Dich persönlich sehr schätze, weißt Du hoffentlich. Trotzdem finde deine Antworten oft zu übergriffig und damit oft auch oft zu persönlich. Es geht mir aber immer nur um die (nachgefragte) Sache.</p>
<p>Daran ändern dann auch die Triaden von <a href="/users/3905" class="mention registered-user" rel="noopener noreferrer">@Camping_RIDER</a> nichts mehr.</p>
<p>Glück Auf<br>
Tom vom Berg</p>
<div class="signature">-- <br>
Es gibt nichts Gutes, außer man tut es!<br>
Das Leben selbst ist der Sinn.<br>
</div>
https://forum.selfhtml.org/self/2019/may/20/ist-ein-open-polygon-nur-mit-css-strich-html-moeglich/1749127#m1749127Gunnar Bittersmannselfhtml@bittersmann.dehttps://bittersmann.de2019-05-22T09:32:07Z2019-05-22T09:32:07ZWarum nicht svg oder canvas?<p>@@JürgenB</p>
<blockquote>
<p>zumal es für Messdiagramme schon fertige Lösungen gibt.</p>
</blockquote>
<p>Wie <a href="https://d3js.org/" rel="nofollow noopener noreferrer">D3.js</a>.</p>
<blockquote>
<p>In meiner Plot-Bibliothek habe ich mich hier für <code>polyline</code> entschieden. Gibt es einen Grund, warum man <code>path</code> <code>polyline</code> vorziehen sollte?</p>
</blockquote>
<p>[in der Stimme von Frau Suhrbier] <em>Nein, ich sehe keinen. Gibt es denn einen?</em></p>
<p><code>polyline</code> war bislang hinter meinem Horizont. Aber dahinter [in der Stimme von Udo Lindenberg] <em>geht’s weiter</em> … Danke für die Erweiterung.</p>
<p>LLAP </p>
<div class="signature">-- <br>
<em>„Wer durch Wissen und Erfahrung der Klügere ist, der sollte nicht nachgeben. Und nicht aufgeben.“</em> —Kurt Weidemann
</div>
https://forum.selfhtml.org/self/2019/may/20/ist-ein-open-polygon-nur-mit-css-strich-html-moeglich/1749242#m1749242TSts-self@online.dehttps://bitworks.de2019-05-23T15:55:29Z2019-05-23T15:55:29ZWarum nicht svg oder canvas? Danke für die Antworten.<p>Hello,</p>
<p>für meine privaten Aktivitäten mit dem RasPi habe ich nun auch SVG Polyline benutzt. Dazu werde ich bestimmt später noch Fragen haben.</p>
<p>Für die Aufgabenstellung, für die ich nach reinen HTML/CSS-Lösungen gefragt habe, kommt das leider nicht in Frage.</p>
<p>Die in den Messgeräten verwendeten Microbrowser können kein JavaScript und kein SVG. Ich habe nun interptetiert, dass Canvas daher auch ausscheidet. Darüber habe ich aber bisher keine Rückmeldung.</p>
<p>Gerendert werden aber die Grafikformate JPG, PNG, GIF (animated).</p>
<p>Es wird hier also vermutlich zu einer Servervariante führen. Da habe ich freie Hand. Für die Anzeige von MessPUNKTEN ohne durchgehende Linienverbindung könnte auch meine alte <span>-Lösung noch Verwendung finden.</p>
<p>Es ist nicht nur der Funktionsumfang des Microbrowsers stark eingeschränkt, sondern auch der ihm zur Verfügung gestellte Arbeitsspeicher.</p>
<p>Vielen Dank also an Diejenigen, die sich meiner ursprünglichen Frage ernsthaft angenommen haben.</p>
<p>Glück Auf<br>
Tom vom Berg</p>
<div class="signature">-- <br>
Es gibt nichts Gutes, außer man tut es!<br>
Das Leben selbst ist der Sinn.<br>
</div>
https://forum.selfhtml.org/self/2019/may/20/ist-ein-open-polygon-nur-mit-css-strich-html-moeglich/1749170#m1749170Matthias Apselmatthias.apsel@selfhtml.orghttps://brückentage.info2019-05-22T16:47:33Z2019-05-22T16:47:33ZWarum nicht svg oder canvas?<p>Hallo Gunnar Bittersmann,</p>
<blockquote>
<p>[in der Stimme von Frau Suhrbier] <em>Nein, ich sehe keinen. Gibt es denn einen?</em></p>
</blockquote>
<p>Ich glaube ja, du meinst: mit der Stimme von Frau Tetzlaff, die grade über Frau Suhrbier spricht. Frau Suhrbier war in dieser Serie nie zu sehen.</p>
<p>Bis demnächst<br>
Matthias</p>
<div class="signature">-- <br>
Pantoffeltierchen haben keine Hobbys.<br>
¯\_(ツ)_/¯
</div>
https://forum.selfhtml.org/self/2019/may/20/ist-ein-open-polygon-nur-mit-css-strich-html-moeglich/1749172#m1749172Gunnar Bittersmannselfhtml@bittersmann.dehttps://bittersmann.de2019-05-22T17:05:16Z2019-05-22T17:05:16ZWarum nicht svg oder canvas?<p>@@Matthias Apsel</p>
<blockquote>
<blockquote>
<p>[in der Stimme von Frau Suhrbier] <em>Nein, ich sehe keinen. Gibt es denn einen?</em></p>
</blockquote>
<p>Ich glaube ja, du meinst: mit der Stimme von Frau Tetzlaff, die grade über Frau Suhrbier spricht. Frau Suhrbier war in dieser Serie nie zu sehen.</p>
</blockquote>
<p>Ich glaube, du meinst was anderes. Ich meine <a href="https://www.youtube.com/watch?v=HWTW41VGAkY" rel="nofollow noopener noreferrer">Frau Suhrbier</a>.</p>
<p>LLAP </p>
<div class="signature">-- <br>
<em>„Wer durch Wissen und Erfahrung der Klügere ist, der sollte nicht nachgeben. Und nicht aufgeben.“</em> —Kurt Weidemann
</div>
https://forum.selfhtml.org/self/2019/may/20/ist-ein-open-polygon-nur-mit-css-strich-html-moeglich/1749205#m1749205Auge2019-05-23T06:34:43Z2019-05-23T06:34:43ZWarum nicht svg oder canvas?<p>Hallo</p>
<blockquote>
<blockquote>
<p>[in der Stimme von Frau Suhrbier] <em>Nein, ich sehe keinen. Gibt es denn einen?</em></p>
</blockquote>
<p>Ich glaube ja, du meinst: mit der Stimme von Frau Tetzlaff, die grade über Frau Suhrbier spricht. Frau Suhrbier war in dieser Serie nie zu sehen.</p>
</blockquote>
<p>Soweit ich mich erinnere, war sie mindestens einmal tatsächlich zu sehen. In der Folge, in der sich Alfred mit der Anprobe eines Taucheranzugs auf den Urlaub vorbereitete und, solcherart gekleidet, die Telefonzelle blockierte, weil er einen Anruf erwartete. Dort gab es eine Auseinandersetzung mit Frau Suhrbier (dargestellt von Marie-Luise Marjan (in jung)) um den Zugang zur Telefonzelle.</p>
<p>Tschö, Auge</p>
<div class="signature">-- <br>
Ein echtes Alchimistenlabor musste voll mit Glasgefäßen sein, die so aussahen, als wären sie beim öffentlichen Schluckaufwettbewerb der Glasbläsergilde entstanden.<br>
<em>Hohle Köpfe</em> von Terry Pratchett
</div>
https://forum.selfhtml.org/self/2019/may/20/ist-ein-open-polygon-nur-mit-css-strich-html-moeglich/1749243#m1749243JürgenBhttps://www.j-berkemeier.de2019-05-23T16:08:53Z2019-05-23T16:08:53ZWarum nicht svg oder canvas? Danke für die Antworten.<p>Hallo Tom,</p>
<blockquote>
<p>Die in den Messgeräten verwendeten Microbrowser können kein JavaScript und kein SVG.</p>
</blockquote>
<p>willst du am Messgerät surfen, oder für wen ist die Grafik? Anzeige der Werte von anderen Geräten?</p>
<blockquote>
<p>Ich habe nun interptetiert, dass Canvas daher auch ausscheidet. Darüber habe ich aber bisher keine Rückmeldung.</p>
</blockquote>
<p>Ja, canvas ist ein JavaScript-API.</p>
<p>Gruß<br>
Jürgen</p>
https://forum.selfhtml.org/self/2019/may/20/ist-ein-open-polygon-nur-mit-css-strich-html-moeglich/1749245#m1749245TSts-self@online.dehttps://bitworks.de2019-05-23T16:17:11Z2019-05-23T16:17:11ZWarum nicht svg oder canvas? Danke für die Antworten.<p>Hello,</p>
<blockquote>
<blockquote>
<p>Die in den Messgeräten verwendeten Microbrowser können kein JavaScript und kein SVG.</p>
</blockquote>
<p>willst du am Messgerät surfen, oder für wen ist die Grafik? Anzeige der Werte von anderen Geräten?</p>
</blockquote>
<p>Ja, es handelt sich um embedded diagnotic devices, die lokale Daten anzeigen können, aber auch "nach Hause" surfen können. Das Benutzerinterface bildet ein Touch-Display mit Microbrowser.</p>
<p>Glückauf
Tom</p>
<div class="signature">-- <br>
Es gibt nichts Gutes, außer man tut es!<br>
Das Leben selbst ist der Sinn.<br>
</div>
https://forum.selfhtml.org/self/2019/may/20/ist-ein-open-polygon-nur-mit-css-strich-html-moeglich/1749246#m1749246Gunnar Bittersmannselfhtml@bittersmann.dehttps://bittersmann.de2019-05-23T17:23:39Z2019-05-23T17:23:39ZWarum nicht svg oder canvas?<p>@@TS</p>
<blockquote>
<p>eine erste Antwort auf das Warum findest Du schon mal <a href="https://forum.selfhtml.org/self/2019/may/20/ist-ein-open-polygon-nur-mit-css-strich-html-moeglich/1749242#m1749242" rel="noopener noreferrer">im Posting.</a></p>
</blockquote>
<p>Hättest du das gleich am Anfang gesagt, hättest du dir einigen Ärger erspart. Du bist doch nicht zum ersten Mal hier.</p>
<blockquote>
<p>Daran ändern dann auch die Triaden von <a href="/users/3905" class="mention registered-user" rel="noopener noreferrer">@Camping_RIDER</a> nichts mehr.</p>
</blockquote>
<p>Und wenn du nicht aufhörst zu stänkern, kriegste noch mehr Ärger.</p>
<p>LLAP </p>
<div class="signature">-- <br>
<em>„Wer durch Wissen und Erfahrung der Klügere ist, der sollte nicht nachgeben. Und nicht aufgeben.“</em> —Kurt Weidemann
</div>
https://forum.selfhtml.org/self/2019/may/20/ist-ein-open-polygon-nur-mit-css-strich-html-moeglich/1749251#m1749251Camping_RIDERjanosch.zoller@selfhtml.orghttp://www.campingrider.de2019-05-23T19:27:26Z2019-05-23T19:27:26ZWarum nicht svg oder canvas?<p>Aloha ;)</p>
<blockquote>
<p>Daran ändern dann auch die Triaden von <a href="/users/3905" class="mention registered-user" rel="noopener noreferrer">@Camping_RIDER</a> nichts mehr.</p>
</blockquote>
<p>Meinst du die hier?</p>
<p>(-(-(-(-(-(-.-)-)-)-)-)-)</p>
<p>Oder meintest du vielleicht doch eher die <a href="https://de.wikipedia.org/wiki/Tirade" rel="nofollow noopener noreferrer">Tirade</a>?</p>
<p>Mensch, Mensch. Erst zu einem persönlichen Angriff ausholen und dann auch noch danebenschlagen.</p>
<p>Gemessen an den Reaktionen auf deinen Beitrag und den Reaktionen auf <a href="https://forum.selfhtml.org/self/2019/may/20/ist-ein-open-polygon-nur-mit-css-strich-html-moeglich/1749103#m1749103" rel="noopener noreferrer">meinen Beitrag</a> solltest du dich außerdem vielleicht fragen, welcher davon die Tirade war. Das aber nur am Rande, das willst du sowieso nicht hören. Genauso wenig wie du hören willst, dass ich dich, falls da überhaupt ein Angriff drinnen war, nur auf genau der Ebene gepackt habe, auf der du Gunnar angequatscht hast. Komischerweise scheinen für dich in deinem Verständnis andere Regeln zu gelten als für andere. Das ist schade.</p>
<p>Grüße,</p>
<p>RIDER</p>
<div class="signature">-- <br>
Camping_RIDER a.k.a. Riders Flame a.k.a. Janosch Zoller<br>
# <a href="https://twitter.com/Camping_RIDER" rel="nofollow noopener noreferrer">Twitter</a> # <a href="http://steamcommunity.com/id/Camping_RIDER" rel="nofollow noopener noreferrer">Steam</a> # <a href="https://www.youtube.com/user/RidersFlame" rel="nofollow noopener noreferrer">YouTube</a> # <a href="http://wiki.selfhtml.org/wiki/Benutzer:Camping_RIDER" rel="nofollow noopener noreferrer">Self-Wiki</a> #
<a href="http://community.de.selfhtml.org/fanprojekte/selfcode.htm" rel="nofollow noopener noreferrer">Selfcode</a>: sh:) fo:) ch:| rl:) br:^ n4:? ie:% mo:| va:) js:) de:> zu:} fl:( ss:) ls:[
</div>
https://forum.selfhtml.org/self/2019/may/20/ist-ein-open-polygon-nur-mit-css-strich-html-moeglich/1749304#m1749304Camping_RIDERjanosch.zoller@selfhtml.orghttp://www.campingrider.de2019-05-24T13:15:46Z2019-05-24T13:15:46ZWarum nicht svg. Für meinen RasPi kann ich es benutzen.<p>Aloha ;)</p>
<blockquote>
<p>Fehlt noch eine sinnvolle Beschriftung. Problem: auch die muss mitwandern....</p>
<p><a href="http://91.60.187.170:8080/svg/new_graph.php" rel="nofollow noopener noreferrer">Temperaturdaten</a></p>
</blockquote>
<p>Kannst du das genauer umreißen, inwiefern das ein Problem ist? Grundsätzlich kann SVG ja <a href="https://wiki.selfhtml.org/wiki/SVG/Elemente/Text" rel="nofollow noopener noreferrer">Text</a>.</p>
<p>Grüße,</p>
<p>RIDER</p>
<div class="signature">-- <br>
Camping_RIDER a.k.a. Riders Flame a.k.a. Janosch Zoller<br>
# <a href="https://twitter.com/Camping_RIDER" rel="nofollow noopener noreferrer">Twitter</a> # <a href="http://steamcommunity.com/id/Camping_RIDER" rel="nofollow noopener noreferrer">Steam</a> # <a href="https://www.youtube.com/user/RidersFlame" rel="nofollow noopener noreferrer">YouTube</a> # <a href="http://wiki.selfhtml.org/wiki/Benutzer:Camping_RIDER" rel="nofollow noopener noreferrer">Self-Wiki</a> #
<a href="http://community.de.selfhtml.org/fanprojekte/selfcode.htm" rel="nofollow noopener noreferrer">Selfcode</a>: sh:) fo:) ch:| rl:) br:^ n4:? ie:% mo:| va:) js:) de:> zu:} fl:( ss:) ls:[
</div>
https://forum.selfhtml.org/self/2019/may/20/ist-ein-open-polygon-nur-mit-css-strich-html-moeglich/1749305#m1749305TSts-self@online.dehttps://bitworks.de2019-05-24T13:45:14Z2019-05-24T14:23:04ZWarum nicht svg. Für meinen RasPi kann ich es benutzen.<p>Hello Twix,</p>
<blockquote>
<blockquote>
<p>Fehlt noch eine sinnvolle Beschriftung. Problem: auch die muss mitwandern....</p>
<p><a href="http://91.60.187.170:8080/svg/new_graph.php" rel="nofollow noopener noreferrer">Temperaturdaten</a></p>
</blockquote>
<p>Kannst du das genauer umreißen, inwiefern das ein Problem ist? Grundsätzlich kann SVG ja <a href="https://wiki.selfhtml.org/wiki/SVG/Elemente/Text" rel="nofollow noopener noreferrer">Text</a>.</p>
</blockquote>
<p>Hab ich jetzt nicht sooo die Zeit dafür, da ich immer noch am Konzept für die embedded Systeme schreibe und mit Internetanschluss hier leider nur mein Tablet habe. Damit habe ich auch das gante Graphenwork erstellt; ssh und vim ☆☆stolz auf mich :-)☆☆</p>
<p>Deshalb nur kurz:<br>
es werden immer die letzten 36 Stunden der Messung angezeigt. Die Kurve wandert also aller fünf Minuten nach links. Die Stundenlinien müssen passend beschriftet werden. Aber das ist ja noch nicht die ganze Arbeit.</p>
<p>Jedenfalls würde ich ab ca. Anfang Juni gerne den RasPi-Blog hier beginnen, wie schon mit <a href="/users/3833" class="mention registered-user" rel="noopener noreferrer">@Matthias Scharwies</a> gepostet und nach und nach derartige Aufgaben beschreiben und die Teilschritte mit den jeweiligen Kapiteln im Wiki verlinken.</p>
<p>Bei über 20.000.000 RasPis sollten da durchaus einige Leute Fragen haben.</p>
<p>Habe aber schon gemerkt, dass das Wiki oft noch zu profibezogen einsteigt in die Kapitel und die <em>kleinen</em> gemeinen Fragen (und die Antworten darauf) unterschlägt. Und sachliche Fehler fallen dann auch erst auf, wenn man selber mal einige Aufgabenstellungen wie ein Dummy in Angriff nimmt (Beispiel: viewBox und Koordinatensysteme).</p>
<p>Glück Auf<br>
Tom vom Berg</p>
<div class="signature">-- <br>
Es gibt nichts Gutes, außer man tut es!<br>
Das Leben selbst ist der Sinn.<br>
</div>
https://forum.selfhtml.org/self/2019/may/20/ist-ein-open-polygon-nur-mit-css-strich-html-moeglich/1749312#m1749312Camping_RIDERjanosch.zoller@selfhtml.orghttp://www.campingrider.de2019-05-24T14:49:30Z2019-05-24T14:49:30ZWarum nicht svg. Für meinen RasPi kann ich es benutzen.<p>Aloha ;)</p>
<blockquote>
<p>Deshalb nur kurz:<br>
es werden immer die letzten 36 Stunden der Messung angezeigt. Die Kurve wandert also aller fünf Minuten nach links. Die Stundenlinien müssen passend beschriftet werden. Aber das ist ja noch nicht die ganze Arbeit.</p>
</blockquote>
<p>Dann kommt es ein wenig drauf an, ob du das "live" anpassen willst, oder ob das erst nach einem Reload der Seite geschehen soll.</p>
<p>Ausgehend von letzterer Möglichkeit sollte es eigentlich kein allzu großes Problem sein, die entsprechenden Beschriftungen mit den eben verlinkten Methoden dort ins SVG zu bekommen; die Koordinaten hast du ja quasi von den Gitterlinien quasi schon vorliegen.</p>
<p>Bei live-Anpassung muss man das ein wenig anders gestalten - wobei es auch da die einfachste Möglichkeit sein könnte, das ganze SVG einfach neu zeichnen zu lassen.</p>
<p>Grüße,</p>
<p>RIDER</p>
<div class="signature">-- <br>
Camping_RIDER a.k.a. Riders Flame a.k.a. Janosch Zoller<br>
# <a href="https://twitter.com/Camping_RIDER" rel="nofollow noopener noreferrer">Twitter</a> # <a href="http://steamcommunity.com/id/Camping_RIDER" rel="nofollow noopener noreferrer">Steam</a> # <a href="https://www.youtube.com/user/RidersFlame" rel="nofollow noopener noreferrer">YouTube</a> # <a href="http://wiki.selfhtml.org/wiki/Benutzer:Camping_RIDER" rel="nofollow noopener noreferrer">Self-Wiki</a> #
<a href="http://community.de.selfhtml.org/fanprojekte/selfcode.htm" rel="nofollow noopener noreferrer">Selfcode</a>: sh:) fo:) ch:| rl:) br:^ n4:? ie:% mo:| va:) js:) de:> zu:} fl:( ss:) ls:[
</div>
https://forum.selfhtml.org/self/2019/may/20/ist-ein-open-polygon-nur-mit-css-strich-html-moeglich/1749350#m1749350TSts-self@online.dehttps://bitworks.de2019-05-25T17:49:17Z2019-05-25T17:55:26ZHinweise (Tooltipps) zur Kurve anzeigen?<p>Hello,</p>
<p>kann ich in die <a href="https://bitworks.de/sensor/" rel="nofollow noopener noreferrer">Kurvendarstellung</a> per HTML/CSS/SVG auf einfache Weise einen Tooltipp o. ä. einbauen, der mir beim Zeigen auf einen Punkt der Kurve die Werte anzeigt, und zwar wieder zurückgerechnet uf Temperatur und Zeit? Oder benötige ich dafür dann JavaScript?</p>
<p>Das konfigurieren der Styles mit CSS, statt SVG-Attributen muss ich ja sowieso noch vornehmen.</p>
<p>Glück Auf<br>
Tom vom Berg</p>
<div class="signature">-- <br>
Es gibt nichts Gutes, außer man tut es!<br>
Das Leben selbst ist der Sinn.<br>
</div>
https://forum.selfhtml.org/self/2019/may/20/ist-ein-open-polygon-nur-mit-css-strich-html-moeglich/1749313#m1749313JürgenBhttps://www.j-berkemeier.de2019-05-24T14:52:45Z2019-05-24T14:52:45ZWarum nicht svg. Für meinen RasPi kann ich es benutzen.<p>Hallo,</p>
<p>da die SVG ja vom Server generiert wird, bleibt nur Neuzeichnen bei Reload.</p>
<p>Gruß<br>
Jürgen</p>
https://forum.selfhtml.org/self/2019/may/20/ist-ein-open-polygon-nur-mit-css-strich-html-moeglich/1749315#m1749315Camping_RIDERjanosch.zoller@selfhtml.orghttp://www.campingrider.de2019-05-24T14:54:58Z2019-05-24T14:54:58ZWarum nicht svg. Für meinen RasPi kann ich es benutzen.<p>Aloha ;)</p>
<blockquote>
<p>da die SVG ja vom Server generiert wird, bleibt nur Neuzeichnen bei Reload.</p>
</blockquote>
<p>Stimmt. Ich dachte kurz daran, dass man ja auch nach initialem Generieren auch noch zeitabhängig manipulieren könnte, aber man hat ja die neuen Daten gar nicht zur Verfügung und nach dem, wie ich das Verstehe, auch keinen Kanal zur Hand, um die einzeln abzugreifen. Damit hast du wohl Recht.</p>
<p>Grüße,</p>
<p>RIDER</p>
<div class="signature">-- <br>
Camping_RIDER a.k.a. Riders Flame a.k.a. Janosch Zoller<br>
# <a href="https://twitter.com/Camping_RIDER" rel="nofollow noopener noreferrer">Twitter</a> # <a href="http://steamcommunity.com/id/Camping_RIDER" rel="nofollow noopener noreferrer">Steam</a> # <a href="https://www.youtube.com/user/RidersFlame" rel="nofollow noopener noreferrer">YouTube</a> # <a href="http://wiki.selfhtml.org/wiki/Benutzer:Camping_RIDER" rel="nofollow noopener noreferrer">Self-Wiki</a> #
<a href="http://community.de.selfhtml.org/fanprojekte/selfcode.htm" rel="nofollow noopener noreferrer">Selfcode</a>: sh:) fo:) ch:| rl:) br:^ n4:? ie:% mo:| va:) js:) de:> zu:} fl:( ss:) ls:[
</div>
https://forum.selfhtml.org/self/2019/may/20/ist-ein-open-polygon-nur-mit-css-strich-html-moeglich/1749353#m1749353JürgenBhttps://www.j-berkemeier.de2019-05-25T20:07:31Z2019-05-25T20:07:31ZHinweise (Tooltipps) zur Kurve anzeigen?<p>Hallo Tom,</p>
<p>sieh dir mal das hier an: <a href="https://wiki.selfhtml.org/wiki/SVG/Tutorials/Einstieg/SVG_mit_CSS_stylen" rel="nofollow noopener noreferrer">https://wiki.selfhtml.org/wiki/SVG/Tutorials/Einstieg/SVG_mit_CSS_stylen</a></p>
<p>Gruß<br>
Jürgen</p>
https://forum.selfhtml.org/self/2019/may/20/ist-ein-open-polygon-nur-mit-css-strich-html-moeglich/1749354#m1749354TSts-self@online.dehttps://bitworks.de2019-05-25T20:25:32Z2019-05-26T07:29:50ZHinweise (Tooltipps) zur Kurve anzeigen?<p>Hello Jürgen,</p>
<blockquote>
<p>sieh dir mal das hier an: <a href="https://wiki.selfhtml.org/wiki/SVG/Tutorials/Einstieg/SVG_mit_CSS_stylen" rel="nofollow noopener noreferrer">https://wiki.selfhtml.org/wiki/SVG/Tutorials/Einstieg/SVG_mit_CSS_stylen</a></p>
</blockquote>
<p>Danke für den Link. Ist mir aber prinzipiell klar, dass man darüber nachdenken sollte. Allerdings muss ich vorher noch verifizieten, welche Vorgehensweise "hampelnde Darstellungen" zur Folge haben könnte und welche ein hampelfreies Rendering begünstigt.</p>
<p>Bei langsamen Netzen und/oder schwachen Clients ist das nämlich bei HTML/CSS + AJAX manchmal extrem unangenehm. Man kann aber meistens mit predictivem HTML gegensteuern. Wenn z.B. Platzreservierungen für nachgeladene Inhalte bereits im HTML vorgenommen wurden...</p>
<p>Meine Hauptfrage richtete sich aber auf die Tooltipps bzw. Detaildatenfensterchen, die ich gerne beim Zeigen auf die Kurve hätte…</p>
<p>So richtig kann ich mich aber sowieso erst ab Anfang Juni darum kümmern. Im Moment sammele ich eher die Ideen und Tipps dafür.</p>
<p>Ich bin so langsam bei der Stelle angekommen, bei der eine Ideenumsetzung auf dem Tablet lästig wird, weil zu unübersichtlich. Der Desktop hat eben doch seine Berechtigung ;-)</p>
<p>Glück Auf<br>
Tom vom Berg</p>
<div class="signature">-- <br>
Es gibt nichts Gutes, außer man tut es!<br>
Das Leben selbst ist der Sinn.<br>
</div>
https://forum.selfhtml.org/self/2019/may/20/ist-ein-open-polygon-nur-mit-css-strich-html-moeglich/1749406#m1749406JürgenBhttps://www.j-berkemeier.de2019-05-26T20:19:53Z2019-05-26T20:19:53ZHinweise (Tooltipps) zur Kurve anzeigen?<p>Hallo Tom,</p>
<p>was meinst du mit „hampelnd“? Und warum soll was beim Öffnen eines Tooltips hampeln?</p>
<p>Du hast gerade Ajax erwähnt, ist JavaScript jetzt doch eine Option?</p>
<p>Steht eine Maus zur Verfügung? Oder ein Touch? Oder eine Tastatur?</p>
<p>Gruß<br>
Jürgen</p>
https://forum.selfhtml.org/self/2019/may/20/ist-ein-open-polygon-nur-mit-css-strich-html-moeglich/1749408#m1749408TSts-self@online.dehttps://bitworks.de2019-05-27T02:23:12Z2019-05-27T02:24:42ZHinweise (Tooltipps) zur Kurve anzeigen?<p>Hello,</p>
<blockquote>
<p>was meinst du mit „hampelnd“? Und warum soll was beim Öffnen eines Tooltips hampeln?</p>
</blockquote>
<p>Es hampelt nicht beim Tooltipp, sondern beim Laden der Seite durch HTML-Auswertung, nachgeladene Sekundärelemente und nacheilendes CSS und das endgültige Rendering der Seite.</p>
<blockquote>
<p>Du hast gerade Ajax erwähnt, ist JavaScript jetzt doch eine Option?</p>
</blockquote>
<p>Wenn auch noch AJAX im Spiel ist, ist der Effekt oft besonders unangenehm. Ich vermeide JavaScript und damit AJAX wo immer ich kann, zumindest zum primären Laden von Dokumenten.</p>
<blockquote>
<p>Steht eine Maus zur Verfügung? Oder ein Touch? Oder eine Tastatur?</p>
</blockquote>
<p>Das entscheidet der Besucher und nicht ich.</p>
<p>Aber man darf wohl für 99 der normalen Browsernutzer annehmen, dass entweder Maus oder Touchdisplay zur Verfügung steht.</p>
<p>Dieser Teil des Threads bezrifft nur meine persönlichen Spielereien mit dem RasPi und der grafischen Darstellung von Messergebnissen. Bevor ich mit Kanonen, wie Grafana schieße, möcjte ich erst eigene Gehversuche from scratch machen.</p>
<p>Das OP bezieht sich hingegen auf meine Aufgabe, schlanke Lösungen für Microbrowser von embedded Systems zu finden. Die können kein JS und kein SVG.</p>
<p>Glück Auf<br>
Tom vom Berg</p>
<div class="signature">-- <br>
Es gibt nichts Gutes, außer man tut es!<br>
Das Leben selbst ist der Sinn.<br>
</div>