ist ein open polygon nur mit CSS /HTML möglich? – SELFHTML-Forum Forum als Ergänzung zum SELFHTML-Wiki und zur Dokumentation SELFHTML https://forum.selfhtml.org/self ist ein open polygon nur mit CSS /HTML möglich? Mon, 20 May 19 19:19:33 Z https://forum.selfhtml.org/self/2019/may/20/ist-ein-open-polygon-nur-mit-css-strich-html-moeglich/1749020#m1749020 https://forum.selfhtml.org/self/2019/may/20/ist-ein-open-polygon-nur-mit-css-strich-html-moeglich/1749020#m1749020 <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> ist ein open polygon nur mit CSS /HTML möglich? Mon, 20 May 19 19:50:52 Z https://forum.selfhtml.org/self/2019/may/20/ist-ein-open-polygon-nur-mit-css-strich-html-moeglich/1749021#m1749021 https://forum.selfhtml.org/self/2019/may/20/ist-ein-open-polygon-nur-mit-css-strich-html-moeglich/1749021#m1749021 <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> ist ein open polygon nur mit CSS /HTML möglich? Mon, 20 May 19 21:00:22 Z https://forum.selfhtml.org/self/2019/may/20/ist-ein-open-polygon-nur-mit-css-strich-html-moeglich/1749030#m1749030 https://forum.selfhtml.org/self/2019/may/20/ist-ein-open-polygon-nur-mit-css-strich-html-moeglich/1749030#m1749030 <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> ist ein open polygon nur mit CSS /HTML möglich? Mon, 20 May 19 21:17:11 Z https://forum.selfhtml.org/self/2019/may/20/ist-ein-open-polygon-nur-mit-css-strich-html-moeglich/1749031#m1749031 https://forum.selfhtml.org/self/2019/may/20/ist-ein-open-polygon-nur-mit-css-strich-html-moeglich/1749031#m1749031 <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> ist ein open polygon nur mit CSS /HTML möglich? Mon, 20 May 19 19:58:05 Z https://forum.selfhtml.org/self/2019/may/20/ist-ein-open-polygon-nur-mit-css-strich-html-moeglich/1749022#m1749022 https://forum.selfhtml.org/self/2019/may/20/ist-ein-open-polygon-nur-mit-css-strich-html-moeglich/1749022#m1749022 <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> ist ein open polygon nur mit CSS /HTML möglich? Tue, 21 May 19 04:16:17 Z https://forum.selfhtml.org/self/2019/may/20/ist-ein-open-polygon-nur-mit-css-strich-html-moeglich/1749044#m1749044 https://forum.selfhtml.org/self/2019/may/20/ist-ein-open-polygon-nur-mit-css-strich-html-moeglich/1749044#m1749044 <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> ist ein open polygon nur mit CSS /HTML möglich? Mon, 20 May 19 21:49:13 Z https://forum.selfhtml.org/self/2019/may/20/ist-ein-open-polygon-nur-mit-css-strich-html-moeglich/1749035#m1749035 https://forum.selfhtml.org/self/2019/may/20/ist-ein-open-polygon-nur-mit-css-strich-html-moeglich/1749035#m1749035 <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> ist ein open polygon nur mit CSS /HTML möglich? Mon, 20 May 19 21:38:05 Z https://forum.selfhtml.org/self/2019/may/20/ist-ein-open-polygon-nur-mit-css-strich-html-moeglich/1749034#m1749034 https://forum.selfhtml.org/self/2019/may/20/ist-ein-open-polygon-nur-mit-css-strich-html-moeglich/1749034#m1749034 <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> ist ein open polygon nur mit CSS /HTML möglich? Wed, 22 May 19 06:56:53 Z https://forum.selfhtml.org/self/2019/may/20/ist-ein-open-polygon-nur-mit-css-strich-html-moeglich/1749119#m1749119 https://forum.selfhtml.org/self/2019/may/20/ist-ein-open-polygon-nur-mit-css-strich-html-moeglich/1749119#m1749119 <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> ist ein open polygon nur mit CSS /HTML möglich? Mon, 20 May 19 21:54:49 Z https://forum.selfhtml.org/self/2019/may/20/ist-ein-open-polygon-nur-mit-css-strich-html-moeglich/1749037#m1749037 https://forum.selfhtml.org/self/2019/may/20/ist-ein-open-polygon-nur-mit-css-strich-html-moeglich/1749037#m1749037 <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> ist ein open polygon nur mit CSS /HTML möglich? Tue, 21 May 19 04:21:19 Z https://forum.selfhtml.org/self/2019/may/20/ist-ein-open-polygon-nur-mit-css-strich-html-moeglich/1749045#m1749045 https://forum.selfhtml.org/self/2019/may/20/ist-ein-open-polygon-nur-mit-css-strich-html-moeglich/1749045#m1749045 <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> ist ein open polygon nur mit CSS /HTML möglich? Tue, 21 May 19 09:27:42 Z https://forum.selfhtml.org/self/2019/may/20/ist-ein-open-polygon-nur-mit-css-strich-html-moeglich/1749064#m1749064 https://forum.selfhtml.org/self/2019/may/20/ist-ein-open-polygon-nur-mit-css-strich-html-moeglich/1749064#m1749064 <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> ist ein open polygon nur mit CSS /HTML möglich? Mon, 20 May 19 21:57:34 Z https://forum.selfhtml.org/self/2019/may/20/ist-ein-open-polygon-nur-mit-css-strich-html-moeglich/1749038#m1749038 https://forum.selfhtml.org/self/2019/may/20/ist-ein-open-polygon-nur-mit-css-strich-html-moeglich/1749038#m1749038 <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> ist ein open polygon nur mit CSS /HTML möglich? Tue, 21 May 19 03:49:20 Z https://forum.selfhtml.org/self/2019/may/20/ist-ein-open-polygon-nur-mit-css-strich-html-moeglich/1749043#m1749043 https://forum.selfhtml.org/self/2019/may/20/ist-ein-open-polygon-nur-mit-css-strich-html-moeglich/1749043#m1749043 <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> Warum nicht svg oder canvas? Tue, 21 May 19 06:34:57 Z https://forum.selfhtml.org/self/2019/may/20/ist-ein-open-polygon-nur-mit-css-strich-html-moeglich/1749051#m1749051 https://forum.selfhtml.org/self/2019/may/20/ist-ein-open-polygon-nur-mit-css-strich-html-moeglich/1749051#m1749051 <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> ist ein open polygon nur mit CSS /HTML möglich? Tue, 21 May 19 04:25:12 Z https://forum.selfhtml.org/self/2019/may/20/ist-ein-open-polygon-nur-mit-css-strich-html-moeglich/1749046#m1749046 https://forum.selfhtml.org/self/2019/may/20/ist-ein-open-polygon-nur-mit-css-strich-html-moeglich/1749046#m1749046 <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> ist ein open polygon nur mit CSS /HTML möglich? Tue, 21 May 19 09:56:04 Z https://forum.selfhtml.org/self/2019/may/20/ist-ein-open-polygon-nur-mit-css-strich-html-moeglich/1749065#m1749065 https://forum.selfhtml.org/self/2019/may/20/ist-ein-open-polygon-nur-mit-css-strich-html-moeglich/1749065#m1749065 <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> ist ein open polygon nur mit CSS /HTML möglich? Tue, 21 May 19 06:43:04 Z https://forum.selfhtml.org/self/2019/may/20/ist-ein-open-polygon-nur-mit-css-strich-html-moeglich/1749052#m1749052 https://forum.selfhtml.org/self/2019/may/20/ist-ein-open-polygon-nur-mit-css-strich-html-moeglich/1749052#m1749052 <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> ist ein open polygon nur mit CSS /HTML möglich? Tue, 21 May 19 09:58:31 Z https://forum.selfhtml.org/self/2019/may/20/ist-ein-open-polygon-nur-mit-css-strich-html-moeglich/1749066#m1749066 https://forum.selfhtml.org/self/2019/may/20/ist-ein-open-polygon-nur-mit-css-strich-html-moeglich/1749066#m1749066 <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> Warum nicht svg oder canvas? Tue, 21 May 19 11:45:55 Z https://forum.selfhtml.org/self/2019/may/20/ist-ein-open-polygon-nur-mit-css-strich-html-moeglich/1749075#m1749075 https://forum.selfhtml.org/self/2019/may/20/ist-ein-open-polygon-nur-mit-css-strich-html-moeglich/1749075#m1749075 <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> Warum nicht svg. Für meinen RasPi kann ich es benutzen. Fri, 24 May 19 12:14:35 Z https://forum.selfhtml.org/self/2019/may/20/ist-ein-open-polygon-nur-mit-css-strich-html-moeglich/1749298#m1749298 https://forum.selfhtml.org/self/2019/may/20/ist-ein-open-polygon-nur-mit-css-strich-html-moeglich/1749298#m1749298 <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> ist ein open polygon nur mit CSS /HTML möglich? Tue, 21 May 19 10:02:18 Z https://forum.selfhtml.org/self/2019/may/20/ist-ein-open-polygon-nur-mit-css-strich-html-moeglich/1749067#m1749067 https://forum.selfhtml.org/self/2019/may/20/ist-ein-open-polygon-nur-mit-css-strich-html-moeglich/1749067#m1749067 <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> ist ein open polygon nur mit CSS /HTML möglich? Tue, 21 May 19 10:48:31 Z https://forum.selfhtml.org/self/2019/may/20/ist-ein-open-polygon-nur-mit-css-strich-html-moeglich/1749069#m1749069 https://forum.selfhtml.org/self/2019/may/20/ist-ein-open-polygon-nur-mit-css-strich-html-moeglich/1749069#m1749069 <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> ist ein open polygon nur mit CSS /HTML möglich? Tue, 21 May 19 14:45:36 Z https://forum.selfhtml.org/self/2019/may/20/ist-ein-open-polygon-nur-mit-css-strich-html-moeglich/1749088#m1749088 https://forum.selfhtml.org/self/2019/may/20/ist-ein-open-polygon-nur-mit-css-strich-html-moeglich/1749088#m1749088 <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> ist ein open polygon nur mit CSS /HTML möglich? Wed, 22 May 19 06:43:17 Z https://forum.selfhtml.org/self/2019/may/20/ist-ein-open-polygon-nur-mit-css-strich-html-moeglich/1749118#m1749118 https://forum.selfhtml.org/self/2019/may/20/ist-ein-open-polygon-nur-mit-css-strich-html-moeglich/1749118#m1749118 <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> ist ein open polygon nur mit CSS /HTML möglich? Tue, 21 May 19 18:55:33 Z https://forum.selfhtml.org/self/2019/may/20/ist-ein-open-polygon-nur-mit-css-strich-html-moeglich/1749108#m1749108 https://forum.selfhtml.org/self/2019/may/20/ist-ein-open-polygon-nur-mit-css-strich-html-moeglich/1749108#m1749108 <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> Warum nicht svg oder canvas? Tue, 21 May 19 12:03:35 Z https://forum.selfhtml.org/self/2019/may/20/ist-ein-open-polygon-nur-mit-css-strich-html-moeglich/1749078#m1749078 https://forum.selfhtml.org/self/2019/may/20/ist-ein-open-polygon-nur-mit-css-strich-html-moeglich/1749078#m1749078 <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> Warum nicht svg oder canvas? Tue, 21 May 19 14:27:01 Z https://forum.selfhtml.org/self/2019/may/20/ist-ein-open-polygon-nur-mit-css-strich-html-moeglich/1749087#m1749087 https://forum.selfhtml.org/self/2019/may/20/ist-ein-open-polygon-nur-mit-css-strich-html-moeglich/1749087#m1749087 <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> Warum nicht svg oder canvas? Tue, 21 May 19 16:48:08 Z https://forum.selfhtml.org/self/2019/may/20/ist-ein-open-polygon-nur-mit-css-strich-html-moeglich/1749102#m1749102 https://forum.selfhtml.org/self/2019/may/20/ist-ein-open-polygon-nur-mit-css-strich-html-moeglich/1749102#m1749102 <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> Warum nicht svg oder canvas? Tue, 21 May 19 14:06:38 Z https://forum.selfhtml.org/self/2019/may/20/ist-ein-open-polygon-nur-mit-css-strich-html-moeglich/1749086#m1749086 https://forum.selfhtml.org/self/2019/may/20/ist-ein-open-polygon-nur-mit-css-strich-html-moeglich/1749086#m1749086 <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> Warum nicht svg oder canvas? Tue, 21 May 19 15:07:15 Z https://forum.selfhtml.org/self/2019/may/20/ist-ein-open-polygon-nur-mit-css-strich-html-moeglich/1749091#m1749091 https://forum.selfhtml.org/self/2019/may/20/ist-ein-open-polygon-nur-mit-css-strich-html-moeglich/1749091#m1749091 <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> ist ein open polygon nur mit CSS /HTML möglich? Tue, 21 May 19 14:54:02 Z https://forum.selfhtml.org/self/2019/may/20/ist-ein-open-polygon-nur-mit-css-strich-html-moeglich/1749089#m1749089 https://forum.selfhtml.org/self/2019/may/20/ist-ein-open-polygon-nur-mit-css-strich-html-moeglich/1749089#m1749089 <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> ist ein open polygon nur mit CSS /HTML möglich? Tue, 21 May 19 15:10:36 Z https://forum.selfhtml.org/self/2019/may/20/ist-ein-open-polygon-nur-mit-css-strich-html-moeglich/1749092#m1749092 https://forum.selfhtml.org/self/2019/may/20/ist-ein-open-polygon-nur-mit-css-strich-html-moeglich/1749092#m1749092 <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> Warum nicht svg oder canvas? Tue, 21 May 19 16:35:43 Z https://forum.selfhtml.org/self/2019/may/20/ist-ein-open-polygon-nur-mit-css-strich-html-moeglich/1749097#m1749097 https://forum.selfhtml.org/self/2019/may/20/ist-ein-open-polygon-nur-mit-css-strich-html-moeglich/1749097#m1749097 <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> Warum nicht svg oder canvas? Tue, 21 May 19 19:19:16 Z https://forum.selfhtml.org/self/2019/may/20/ist-ein-open-polygon-nur-mit-css-strich-html-moeglich/1749109#m1749109 https://forum.selfhtml.org/self/2019/may/20/ist-ein-open-polygon-nur-mit-css-strich-html-moeglich/1749109#m1749109 <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> Warum nicht svg oder canvas? Wed, 22 May 19 08:47:28 Z https://forum.selfhtml.org/self/2019/may/20/ist-ein-open-polygon-nur-mit-css-strich-html-moeglich/1749124#m1749124 https://forum.selfhtml.org/self/2019/may/20/ist-ein-open-polygon-nur-mit-css-strich-html-moeglich/1749124#m1749124 <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> Warum nicht svg oder canvas? Tue, 21 May 19 16:45:26 Z https://forum.selfhtml.org/self/2019/may/20/ist-ein-open-polygon-nur-mit-css-strich-html-moeglich/1749101#m1749101 https://forum.selfhtml.org/self/2019/may/20/ist-ein-open-polygon-nur-mit-css-strich-html-moeglich/1749101#m1749101 <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> Zum Thema Zusammenarbeit... Tue, 21 May 19 17:00:28 Z https://forum.selfhtml.org/self/2019/may/20/ist-ein-open-polygon-nur-mit-css-strich-html-moeglich/1749103#m1749103 https://forum.selfhtml.org/self/2019/may/20/ist-ein-open-polygon-nur-mit-css-strich-html-moeglich/1749103#m1749103 <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> Warum nicht svg oder canvas? Wed, 22 May 19 09:23:28 Z https://forum.selfhtml.org/self/2019/may/20/ist-ein-open-polygon-nur-mit-css-strich-html-moeglich/1749126#m1749126 https://forum.selfhtml.org/self/2019/may/20/ist-ein-open-polygon-nur-mit-css-strich-html-moeglich/1749126#m1749126 <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> Warum nicht svg oder canvas? Thu, 23 May 19 16:09:14 Z https://forum.selfhtml.org/self/2019/may/20/ist-ein-open-polygon-nur-mit-css-strich-html-moeglich/1749244#m1749244 https://forum.selfhtml.org/self/2019/may/20/ist-ein-open-polygon-nur-mit-css-strich-html-moeglich/1749244#m1749244 <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> Warum nicht svg oder canvas? Wed, 22 May 19 09:32:07 Z https://forum.selfhtml.org/self/2019/may/20/ist-ein-open-polygon-nur-mit-css-strich-html-moeglich/1749127#m1749127 https://forum.selfhtml.org/self/2019/may/20/ist-ein-open-polygon-nur-mit-css-strich-html-moeglich/1749127#m1749127 <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> Warum nicht svg oder canvas? Danke für die Antworten. Thu, 23 May 19 15:55:29 Z https://forum.selfhtml.org/self/2019/may/20/ist-ein-open-polygon-nur-mit-css-strich-html-moeglich/1749242#m1749242 https://forum.selfhtml.org/self/2019/may/20/ist-ein-open-polygon-nur-mit-css-strich-html-moeglich/1749242#m1749242 <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> Warum nicht svg oder canvas? Wed, 22 May 19 16:47:33 Z https://forum.selfhtml.org/self/2019/may/20/ist-ein-open-polygon-nur-mit-css-strich-html-moeglich/1749170#m1749170 https://forum.selfhtml.org/self/2019/may/20/ist-ein-open-polygon-nur-mit-css-strich-html-moeglich/1749170#m1749170 <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> Warum nicht svg oder canvas? Wed, 22 May 19 17:05:16 Z https://forum.selfhtml.org/self/2019/may/20/ist-ein-open-polygon-nur-mit-css-strich-html-moeglich/1749172#m1749172 https://forum.selfhtml.org/self/2019/may/20/ist-ein-open-polygon-nur-mit-css-strich-html-moeglich/1749172#m1749172 <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> Warum nicht svg oder canvas? Thu, 23 May 19 06:34:43 Z https://forum.selfhtml.org/self/2019/may/20/ist-ein-open-polygon-nur-mit-css-strich-html-moeglich/1749205#m1749205 https://forum.selfhtml.org/self/2019/may/20/ist-ein-open-polygon-nur-mit-css-strich-html-moeglich/1749205#m1749205 <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> Warum nicht svg oder canvas? Danke für die Antworten. Thu, 23 May 19 16:08:53 Z https://forum.selfhtml.org/self/2019/may/20/ist-ein-open-polygon-nur-mit-css-strich-html-moeglich/1749243#m1749243 https://forum.selfhtml.org/self/2019/may/20/ist-ein-open-polygon-nur-mit-css-strich-html-moeglich/1749243#m1749243 <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> Warum nicht svg oder canvas? Danke für die Antworten. Thu, 23 May 19 16:17:11 Z https://forum.selfhtml.org/self/2019/may/20/ist-ein-open-polygon-nur-mit-css-strich-html-moeglich/1749245#m1749245 https://forum.selfhtml.org/self/2019/may/20/ist-ein-open-polygon-nur-mit-css-strich-html-moeglich/1749245#m1749245 <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> Warum nicht svg oder canvas? Thu, 23 May 19 17:23:39 Z https://forum.selfhtml.org/self/2019/may/20/ist-ein-open-polygon-nur-mit-css-strich-html-moeglich/1749246#m1749246 https://forum.selfhtml.org/self/2019/may/20/ist-ein-open-polygon-nur-mit-css-strich-html-moeglich/1749246#m1749246 <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> Warum nicht svg oder canvas? Thu, 23 May 19 19:27:26 Z https://forum.selfhtml.org/self/2019/may/20/ist-ein-open-polygon-nur-mit-css-strich-html-moeglich/1749251#m1749251 https://forum.selfhtml.org/self/2019/may/20/ist-ein-open-polygon-nur-mit-css-strich-html-moeglich/1749251#m1749251 <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> Warum nicht svg. Für meinen RasPi kann ich es benutzen. Fri, 24 May 19 13:15:46 Z https://forum.selfhtml.org/self/2019/may/20/ist-ein-open-polygon-nur-mit-css-strich-html-moeglich/1749304#m1749304 https://forum.selfhtml.org/self/2019/may/20/ist-ein-open-polygon-nur-mit-css-strich-html-moeglich/1749304#m1749304 <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> Warum nicht svg. Für meinen RasPi kann ich es benutzen. Fri, 24 May 19 13:45:14 Z https://forum.selfhtml.org/self/2019/may/20/ist-ein-open-polygon-nur-mit-css-strich-html-moeglich/1749305#m1749305 https://forum.selfhtml.org/self/2019/may/20/ist-ein-open-polygon-nur-mit-css-strich-html-moeglich/1749305#m1749305 <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> Warum nicht svg. Für meinen RasPi kann ich es benutzen. Fri, 24 May 19 14:49:30 Z https://forum.selfhtml.org/self/2019/may/20/ist-ein-open-polygon-nur-mit-css-strich-html-moeglich/1749312#m1749312 https://forum.selfhtml.org/self/2019/may/20/ist-ein-open-polygon-nur-mit-css-strich-html-moeglich/1749312#m1749312 <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> Hinweise (Tooltipps) zur Kurve anzeigen? Sat, 25 May 19 17:49:17 Z https://forum.selfhtml.org/self/2019/may/20/ist-ein-open-polygon-nur-mit-css-strich-html-moeglich/1749350#m1749350 https://forum.selfhtml.org/self/2019/may/20/ist-ein-open-polygon-nur-mit-css-strich-html-moeglich/1749350#m1749350 <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> Warum nicht svg. Für meinen RasPi kann ich es benutzen. Fri, 24 May 19 14:52:45 Z https://forum.selfhtml.org/self/2019/may/20/ist-ein-open-polygon-nur-mit-css-strich-html-moeglich/1749313#m1749313 https://forum.selfhtml.org/self/2019/may/20/ist-ein-open-polygon-nur-mit-css-strich-html-moeglich/1749313#m1749313 <p>Hallo,</p> <p>da die SVG ja vom Server generiert wird, bleibt nur Neuzeichnen bei Reload.</p> <p>Gruß<br> Jürgen</p> Warum nicht svg. Für meinen RasPi kann ich es benutzen. Fri, 24 May 19 14:54:58 Z https://forum.selfhtml.org/self/2019/may/20/ist-ein-open-polygon-nur-mit-css-strich-html-moeglich/1749315#m1749315 https://forum.selfhtml.org/self/2019/may/20/ist-ein-open-polygon-nur-mit-css-strich-html-moeglich/1749315#m1749315 <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> Hinweise (Tooltipps) zur Kurve anzeigen? Sat, 25 May 19 20:07:31 Z https://forum.selfhtml.org/self/2019/may/20/ist-ein-open-polygon-nur-mit-css-strich-html-moeglich/1749353#m1749353 https://forum.selfhtml.org/self/2019/may/20/ist-ein-open-polygon-nur-mit-css-strich-html-moeglich/1749353#m1749353 <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> Hinweise (Tooltipps) zur Kurve anzeigen? Sat, 25 May 19 20:25:32 Z https://forum.selfhtml.org/self/2019/may/20/ist-ein-open-polygon-nur-mit-css-strich-html-moeglich/1749354#m1749354 https://forum.selfhtml.org/self/2019/may/20/ist-ein-open-polygon-nur-mit-css-strich-html-moeglich/1749354#m1749354 <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> Hinweise (Tooltipps) zur Kurve anzeigen? Sun, 26 May 19 20:19:53 Z https://forum.selfhtml.org/self/2019/may/20/ist-ein-open-polygon-nur-mit-css-strich-html-moeglich/1749406#m1749406 https://forum.selfhtml.org/self/2019/may/20/ist-ein-open-polygon-nur-mit-css-strich-html-moeglich/1749406#m1749406 <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> Hinweise (Tooltipps) zur Kurve anzeigen? Mon, 27 May 19 02:23:12 Z https://forum.selfhtml.org/self/2019/may/20/ist-ein-open-polygon-nur-mit-css-strich-html-moeglich/1749408#m1749408 https://forum.selfhtml.org/self/2019/may/20/ist-ein-open-polygon-nur-mit-css-strich-html-moeglich/1749408#m1749408 <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>