Andreas Nagel: Ein Polygon erstellen

0 59

Ein Polygon erstellen

Andreas Nagel
  • html
  1. 0
    Cheatah
    1. 0
      Der Martin
      • menschelei
      1. 0
        Gunnar Bittersmann
        1. 0
          Christoph Schnauß
          1. 0
            Hopsel
            1. 0
              steckl
              1. 0
                Hopsel
                1. 0
                  steckl
          2. 0
            Cheatah
          3. 0
            Gunnar Bittersmann
            1. 0
              Der Martin
              1. 0
                Patrick Andrieu
              2. 0
                Gunnar Bittersmann
              3. 0
                MudGuard
          4. 0
            Patrick Andrieu
            1. 0
              MudGuard
              1. 0
                Patrick Andrieu
                1. 0

                  schottischer Whisky <-> Holunderwein

                  Christoph Schnauß
                  1. 0
                    Patrick Andrieu
                    1. 0
                      Gunnar Bittersmann
                      1. 0
                        Patrick Andrieu
              2. 0
                Gunnar Bittersmann
              3. 0
                Christoph Schnauß
          5. 0

            hihi ;-)

            Christoph Schnauß
      2. 0
        Christoph Schnauß
        1. 0
          Gunnar Bittersmann
  2. 0
    Gunnar Bittersmann
    1. 0
      Christoph Schnauß
      • programmiertechnik
      1. 0
        Gunnar Bittersmann
        1. 0
          JürgenB
        2. 1
          seth
          1. 0
            Gunnar Bittersmann
            1. 0
              seth
      2. 2
        molily
        1. 0
          Christoph Schnauß
  3. 0
    Klawischnigg
    1. 0
      Gunnar Bittersmann
      1. 0
        JürgenB
        1. 0
          Gunnar Bittersmann
          1. 0
            Klawischnigg
            1. 0
              Gunnar Bittersmann
              1. 0
                Klawischnigg
              2. 0
                JürgenB
    2. 0
      JürgenB
  4. 0
    Andreas Nagel
    1. 0
      Gunnar Bittersmann
      1. 0
        Andreas Nagel
        1. 0

          Doppelposting

          Gunnar Bittersmann
          • zur info
    2. 0
      JürgenB
      1. 0
        Andreas Nagel
        1. 0
          JürgenB
          1. 0
            Andreas Nagel
            1. 0
              JürgenB
              1. 0
                Andreas Nagel
                1. 0
                  Gunnar Bittersmann
                  • css
                  1. 0
                    Gunnar Bittersmann
                  2. 0
                    JürgenB
                2. 0
                  JürgenB

Hallo zusammen

Ich sitze hier und würde gerne ein Polygon erstellen. Gerne würde ich das mit JavaScript erstellen. Doch ich suche im Netz und finde immer die gleichen Zeilen:

<map>
<area shape=Polygon coords="50,40,30,50" nohref>
</map>

Aber mein Browser zeigt niemals was an! Und dann würde ich auch gerne wissen wie ich denn das dann mit einer Farbe füllen kann.

Vielen Dank und Gruß Andreas

  1. Hi,

    Ich sitze hier und würde gerne ein Polygon erstellen.

    HTML ist kein Grafikformat.

    <area shape=Polygon coords="50,40,30,50" nohref>
    Aber mein Browser zeigt niemals was an!

    Nein, in der Tat. Auf eine Grafik angewendet hättest Du einen klickbaren, polygonen Bereich.

    Und dann würde ich auch gerne wissen wie ich denn das dann mit einer Farbe füllen kann.

    Gar nicht. HTML ist kein Grafikformat.

    Cheatah

    --
    X-Self-Code: sh:( fo:} ch:~ rl:° br:> n4:& ie:% mo:) va:) de:] zu:) fl:{ ss:) ls:~ js:|
    X-Self-Code-Url: http://emmanuel.dammerer.at/selfcode.html
    X-Will-Answer-Email: No
    X-Please-Search-Archive-First: Absolutely Yes
    1. Hallo Cheatah,

      <area shape=Polygon coords="50,40,30,50" nohref>
      Auf eine Grafik angewendet hättest Du einen klickbaren, polygonen Bereich.

      naja, es erfordert schon etwas guten Willen, um bei zwei Koordinatenpaaren, also zwei Punkten in der Ebene, von einem Polygon zu sprechen. Mathematiker können im allgemeinen mindestens bis drei zählen.

      Chemiker übrigens auch, aber viel weiter auch nicht. Mein Chemielehrer im Leistungskurs erklärte einmal zur Entstehung der Namen chemischer Verbindungen:
      "Wenn eine [chemische] Gruppe einmal in einem Molekül vorkommt, heißt es Mono. Wenn sie zweimal vorkommt, heißt es Di. Wenn sie dreimal vorkommt, heißt es Tri. Und wenn sie noch häufiger vorkommt, heißt es Poly."
      In der Tat, die Vorsilbe "Tetra" für Vier, oder gar "Penta" für Fünf, oder noch höhere Werte (Hexa, Hepta, Okta) sind in chemischen Bezeichnungen sehr, sehr selten. Man trifft sie fast nur noch in der organischen Chemie.

      Schönen Abend noch,
       Martin

      --
      Es gibt Dinge, die sind sooo falsch, dass nicht einmal das Gegenteil stimmt.
      1. Hello out there!

        Mathematiker können im allgemeinen mindestens bis drei zählen.
        Chemiker übrigens auch, aber viel weiter auch nicht.

        HiFis übrigens auch: Mono, Stereo, Surround.

        See ya up the road,
        Gunnar

        --
        „Wer Gründe anhört, kommt in Gefahr nachzugeben.“ (Goethe)
        1. hallo Gunnar,

          HiFis übrigens auch: Mono, Stereo, Surround.

          Die Musiker sind da besser: Solo, Duell, Trio, Quartett, Quintett, Sextett, Septett, Oktett, Nonett usw. Merwürdigerweise wird in der Musik auf ein "Polynett" verzichtet.

          Grüße aus Berlin

          Christoph S.

          --
          Visitenkarte
          ss:| zu:) ls:& fo:) va:) sh:| rl:|
          1. Hi Christoph!

            Die Musiker sind da besser: [...] Duell, [...]

            Ich würde dir nie die die Wahl der Waffen überlassen. ;-)

            MfG H☼psel

            --
            "It's amazing I won. I was running against peace, prosperity, and incumbency."
            George W. Bush speaking to Swedish Prime Minister unaware a live television camera was still rolling, June 14, 2001
            Selfcode: ie:% fl:( br:> va:) ls:& fo:) rl:? n4:& ss:| de:] js:| ch:? sh:( mo:) zu:)
            1. Hi,

              Die Musiker sind da besser: [...] Duell, [...]
              Ich würde dir nie die die Wahl der Waffen überlassen. ;-)

              Meinst er würde Holunderwein wählen? ;)

              mfG,
              steckl

              1. Hi steckl!

                Die Musiker sind da besser: [...] Duell, [...]
                Ich würde dir nie die die Wahl der Waffen überlassen. ;-)
                Meinst er würde Holunderwein wählen? ;)

                Nein, seine Singstimme. *schauder* =)

                MfG H☼psel

                --
                "It's amazing I won. I was running against peace, prosperity, and incumbency."
                George W. Bush speaking to Swedish Prime Minister unaware a live television camera was still rolling, June 14, 2001
                Selfcode: ie:% fl:( br:> va:) ls:& fo:) rl:? n4:& ss:| de:] js:| ch:? sh:( mo:) zu:)
                1. Hi,

                  Die Musiker sind da besser: [...] Duell, [...]
                  Ich würde dir nie die die Wahl der Waffen überlassen. ;-)
                  Meinst er würde Holunderwein wählen? ;)
                  Nein, seine Singstimme. *schauder* =)

                  Das Vergnügen hatte ich (zum glück?) noch nicht ;-)

                  mfG,
                  steckl

          2. Hi,

            HiFis übrigens auch: Mono, Stereo, Surround.
            Die Musiker sind da besser: Solo, Duell, Trio, Quartett, Quintett, Sextett, Septett, Oktett, Nonett usw. Merwürdigerweise wird in der Musik auf ein "Polynett" verzichtet.

            vielleicht sind Musiker einfach nicht nett zueinander. Daher vermutlich auch obiges Duell.

            Cheatah, SCNR

            --
            X-Self-Code: sh:( fo:} ch:~ rl:° br:> n4:& ie:% mo:) va:) de:] zu:) fl:{ ss:) ls:~ js:|
            X-Self-Code-Url: http://emmanuel.dammerer.at/selfcode.html
            X-Will-Answer-Email: No
            X-Please-Search-Archive-First: Absolutely Yes
          3. Hello out there!

            Merwürdigerweise wird in der Musik auf ein "Polynett" verzichtet.

            Das heißt dann „Orchester“ oder „Chor“. Bei U-Musik auch „Kapelle“, „Combo“ oder „Band“.

            See ya up the road,
            Gunnar

            PS: Oder auch „Kakophonie“.

            --
            „Wer Gründe anhört, kommt in Gefahr nachzugeben.“ (Goethe)
            1. Hallo Gunnar,

              PS: Oder auch „Kakophonie“.

              ich schreibe das üblicherweise mit einem "c" vor dem zweiten "k". Dann sieht es geschrieben auch ungefähr so aus, wie es sich anhört. ;-)

              Ciao,
               Martin

              --
              Husten kann böse Folgen haben.
              Besonders im Kleiderschrank.
              1. Hallo Martin!

                PS: Oder auch „Kakophonie“.»»
                ich schreibe das üblicherweise mit einem "c" vor dem zweiten "k". Dann sieht es geschrieben auch ungefähr so aus, wie es sich anhört. ;-)

                Ohne in Fäkaliensprache abdriften zu wollen... in der Schule sagten wir immer: cacaphonie.

                Viele Grüße aus Frankfurt/Main,
                Patrick

                --

                _ - jenseits vom delirium - _
                <hatehtehpehdoppelpunktslashslashwehwehwehpunktatomicminuseggspunktcomslash>
                Nichts ist unmöglich? Doch!
              2. Hello out there!

                PS: Oder auch „Kakophonie“.

                ich schreibe das üblicherweise mit einem "c" vor dem zweiten "k". Dann sieht es geschrieben auch ungefähr so aus, wie es sich anhört. ;-)

                BTW, Troubadix heißt in der polnischen Übersetzung Kakofoniks.

                See ya up the road,
                Gunnar

                --
                „Wer Gründe anhört, kommt in Gefahr nachzugeben.“ (Goethe)
              3. Hi,

                PS: Oder auch „Kakophonie“.
                ich schreibe das üblicherweise mit einem "c" vor dem zweiten "k".

                Das würde ich dann kürzer schreiben: "Furz"

                ;-)

                cu,
                Andreas

                --
                Warum nennt sich Andreas hier MudGuard?
                O o ostern ...
                Fachfragen unaufgefordert per E-Mail halte ich für unverschämt und werde entsprechende E-Mails nicht beantworten. Für Fachfragen ist das Forum da.
          4. Hallo Christoph!

            Duell

            Pistolen oder Säbel?

            A la Google: Meinten Sie <i>Duett</i>?

            Viele Grüße aus Frankfurt/Main,
            Patrick

            --

            _ - jenseits vom delirium - _
            <hatehtehpehdoppelpunktslashslashwehwehwehpunktatomicminuseggspunktcomslash>
            Nichts ist unmöglich? Doch!
            1. Hi,

              Duell
              Pistolen oder Säbel?

              Falls das Duell im Gebäudeinneren stattfindet: Schottischer Dudelsack!

              cu,
              Andreas

              --
              Warum nennt sich Andreas hier MudGuard?
              O o ostern ...
              Fachfragen unaufgefordert per E-Mail halte ich für unverschämt und werde entsprechende E-Mails nicht beantworten. Für Fachfragen ist das Forum da.
              1. Hallo MudGuard!

                Falls das Duell im Gebäudeinneren stattfindet: Schottischer Dudelsack!

                Da würde ich das Duell verweigern und mich geschlagen geben. Es sei denn, der Kampf geht nachher mit Schottischen Whisky weiter.

                Viele Grüße aus Frankfurt/Main,
                Patrick

                --

                _ - jenseits vom delirium - _
                <hatehtehpehdoppelpunktslashslashwehwehwehpunktatomicminuseggspunktcomslash>
                Nichts ist unmöglich? Doch!
                1. hallo Patrick,

                  Falls das Duell im Gebäudeinneren stattfindet: Schottischer Dudelsack!
                  Da würde ich das Duell verweigern und mich geschlagen geben. Es sei denn, der Kampf geht nachher mit Schottischen Whisky weiter.

                  Also, diese Herausforderung nehme ich an. Wir kämpfen Whisky gegen Holunderwein. Jeder ist für die Beschaffung seiner Waffen verantwortlich. Ich hätte aktuell rund 100 Liter Holunderwein zur Verfügung. Eine vermutlich recht stattliche Waffe selbst für ein zwei Stunden andauerndes Duett.

                  Grüße aus Berlin

                  Christoph S.

                  --
                  Visitenkarte
                  ss:| zu:) ls:& fo:) va:) sh:| rl:|
                  1. Hallo Christoph!

                    Ich hätte aktuell rund 100 Liter Holunderwein zur Verfügung. Eine vermutlich recht stattliche Waffe selbst für ein zwei Stunden andauerndes Duett.

                    Du würdest gewinnen. Wiel ich mir 100 Liter besten, schottischen Whisky vielleicht in 100 Jahren zusammen, aber nicht auf einmal leisten könnte ;)

                    P.S.: ich sauf ja auch nicht irgendwas ;)

                    Viele Grüße aus Frankfurt/Main,
                    Patrick

                    --

                    _ - jenseits vom delirium - _
                    <hatehtehpehdoppelpunktslashslashwehwehwehpunktatomicminuseggspunktcomslash>
                    Nichts ist unmöglich? Doch!
                    1. Hello out there!

                      P.S.: ich sauf ja auch nicht irgendwas ;)

                      Dann würdest du ja auch keinen Whisky, sondern Whiskey saufen.

                      See ya up the road,
                      Gunnar

                      --
                      „Wer Gründe anhört, kommt in Gefahr nachzugeben.“ (Goethe)
                      1. Hallo Gunnar!

                        Dann würdest du ja auch keinen Whisky, sondern Whiskey saufen.

                        Nein, sage ich doch: ich sauf ja auch nicht irgendwas: Whisky

                        Viele Grüße aus Frankfurt/Main,
                        Patrick

                        --

                        _ - jenseits vom delirium - _
                        <hatehtehpehdoppelpunktslashslashwehwehwehpunktatomicminuseggspunktcomslash>
                        Nichts ist unmöglich? Doch!
              2. Hello out there!

                Falls das Duell im Gebäudeinneren stattfindet: Schottischer Dudelsack!

                Gegen Blockflöte.

                See ya up the road,
                Gunnar

                --
                „Wer Gründe anhört, kommt in Gefahr nachzugeben.“ (Goethe)
              3. hallo Andreas,

                Falls das Duell im Gebäudeinneren stattfindet: Schottischer Dudelsack!

                Ups. Das zwingt mich tatsächlich zu sofortiger Aufgabe. Unter enormen physischen Qualen.

                Grüße aus Berlin

                Christoph S.

                --
                Visitenkarte
                ss:| zu:) ls:& fo:) va:) sh:| rl:|
          5. hallo Leute,

            Solo, Duell, Trio...

            Oha, daß ihr auf diese Menschelei so schnell einsteigt, hatte ich mir zwar insgeheim gewünscht (es war also wirklich diesmal kein Tippfehler, sondern eine bewußte kleine Provokation), aber das Ergebnis eurer Beiträge übersteigt alle Erwartungen. Bleibt weiter so kritisch, Freunde ;-)

            Grüße aus Berlin

            Christoph S.

            --
            Visitenkarte
            ss:| zu:) ls:& fo:) va:) sh:| rl:|
      2. hallo,

        In der Tat, die Vorsilbe "Tetra" für Vier, oder gar "Penta" für Fünf, oder noch höhere Werte (Hexa, Hepta, Okta) sind in chemischen Bezeichnungen sehr, sehr selten. Man trifft sie fast nur noch in der organischen Chemie.

        Da muß ichentscheiden widersprechen. du hast dich offenkundig auch noch nie mit der Herstellung von Holunderwein beschäftigt, denn sonst wüßtest du, daß es sehr gebräuchliche Namen wie Methanol, Äthanol (das ist der "gute"), Propanol, Hexanol usw. durchaus gibt.

        Über Hexanolol oder Octanolol wollen wir lieber gar nicht erst reden, außerdem sind die für Holunderwein eh nicht relevant ;-)

        Dein Chemielehrer wollte offenkundig die Feuerzangenbowle zitieren, litt nur kurzzeitig unter einer Gedächtnislücke und kam nicht drauf, daß er "wenn sie noch häufiger vorkommt, dann kriegen wir das später" hatte sagen wollen.

        Grüße aus Berlin

        Christoph S.

        --
        Visitenkarte
        ss:| zu:) ls:& fo:) va:) sh:| rl:|
        1. Hello out there!

          In der Tat, die Vorsilbe "Tetra" für Vier, oder gar "Penta" für Fünf, oder noch höhere Werte (Hexa, Hepta, Okta) sind in chemischen Bezeichnungen sehr, sehr selten. Man trifft sie fast nur noch in der organischen Chemie.

          Da muß ichentscheiden widersprechen. du hast dich offenkundig auch noch nie mit der Herstellung von Holunderwein beschäftigt, denn sonst wüßtest du, daß es sehr gebräuchliche Namen wie Methanol, Äthanol (das ist der "gute"), Propanol, Hexanol usw. durchaus gibt.

          Deine Chemiestunden liegen wohl zeitlich noch vor dem Dreh der „Feuerzangenbowle“, denn sonst wüsstest du (noch), dass Methanol, Äthanol, Propanol, Hexanol usw. durchaus organische Stoffe sind.

          Dein Chemielehrer wollte offenkundig die Feuerzangenbowle zitieren, litt nur kurzzeitig unter einer Gedächtnislücke

          Biste sicher, dass er es war, der kurzzeitig unter einer Gedächtnislücke litt? Falls es doch du sein solltest: http://de.wikipedia.org/wiki/Organische_Chemie. Aber nur falls.

          See ya up the road,
          Gunnar

          --
          „Wer Gründe anhört, kommt in Gefahr nachzugeben.“ (Goethe)
  2. Hello out there!

    Ich sitze hier und würde gerne ein Polygon erstellen.

    Was genau willst du tun? Warum erstellst du es nicht im Grafikprogramm deiner Wahl und lieferst das fertige Bild als GIF oder PNG aus?

    Gerne würde ich das mit JavaScript erstellen.

    Das wäre unsinnig.

    AFAIK bietet PHP auch Zeichenfunktionen, mit denen du ein Bild erstellen kannst.

    Und dann wäre da noch das Naheliegendste: SVG.

    See ya up the road,
    Gunnar

    --
    „Wer Gründe anhört, kommt in Gefahr nachzugeben.“ (Goethe)
    1. hallo Gunnar,

      Gerne würde ich das mit JavaScript erstellen.
      Das wäre unsinnig.

      Nein, nicht ganz. Javascript kann zwar nicht wirklich "zeichnen", aber es kann Linien von einem Punkt zu einem anderen ziehen und ist daher sehr wohl in der Lage, ein aus dünnen Strichen bestehendes Polygen darzustellen.

      Und dann wäre da noch das Naheliegendste: SVG.

      Nicht doch. Das wäre, wenn schon, das _Nächstliegende_, aber das sehen selbst die aktuellen Browserversionen immer noch nicht alle so.

      Grüße aus Berlin

      Christoph S.

      --
      Visitenkarte
      ss:| zu:) ls:& fo:) va:) sh:| rl:|
      1. Hello out there!

        Gerne würde ich das mit JavaScript erstellen.
        Das wäre unsinnig.

        Nein, nicht ganz. Javascript kann zwar nicht wirklich "zeichnen", aber es kann Linien von einem Punkt zu einem anderen ziehen und ist daher sehr wohl in der Lage, ein aus dünnen Strichen bestehendes Polygen darzustellen.

        Ich sagte ja auch nicht „das ginge nicht“, sondern „das wäre unsinnig“.

        See ya up the road,
        Gunnar

        --
        „Wer Gründe anhört, kommt in Gefahr nachzugeben.“ (Goethe)
        1. Hallo Gunnar,

          Ich sagte ja auch nicht „das ginge nicht“, sondern „das wäre unsinnig“.

          was ist hier (http://www.j-berkemeier.de/FktPlot.html) dran "unsinnig"?

          Gruß, Jürgen

        2. gudn tach!

          [grafiken mit javascript erstellen]

          Ich sagte ja auch nicht „das ginge nicht“, sondern „das wäre unsinnig“.

          als pauschale aussage ist es aber imho trotzdem nicht vernuenftig und erst recht nicht hilfreich, zumal eine begruendung fehlte.

          nicht unsinnig ist imho z.b. das, was auf
          http://aktuell.de.selfhtml.org/artikel/javascript/diagramme/ erzaehlt wird.

          prost
          seth

          1. Hello out there!

            [grafiken mit javascript erstellen]

            Ich sagte ja auch nicht „das ginge nicht“, sondern „das wäre unsinnig“.

            als pauschale aussage ist es aber imho trotzdem nicht vernuenftig

            Es war auch keine pauschale Aussage, sondern bezog sich direkt auf den Wunsch des OP, „gerne würde ich das [Polygon] mit JavaScript erstellen“.

            und erst recht nicht hilfreich, zumal eine begruendung fehlte.

            Dafür hatte ich zwei Alternativen genannt; da ist die Begründung, diese sind für das Vorhaben besser geeignet, implizit enthalten.

            See ya up the road,
            Gunnar

            --
            „Wer Gründe anhört, kommt in Gefahr nachzugeben.“ (Goethe)
            1. gudn tach!

              [grafiken mit javascript erstellen]

              Ich sagte ja auch nicht „das ginge nicht“, sondern „das wäre unsinnig“.

              als pauschale aussage ist es aber imho trotzdem nicht vernuenftig

              Es war auch keine pauschale Aussage, sondern bezog sich direkt auf den Wunsch des OP, „gerne würde ich das [Polygon] mit JavaScript erstellen“.

              ...pauschale aussage zum polygone-zeichnen. ;-p

              und erst recht nicht hilfreich, zumal eine begruendung fehlte.

              Dafür hatte ich zwei Alternativen genannt; da ist die Begründung, diese sind für das Vorhaben besser geeignet, implizit enthalten.

              ob sie besser sind oder nicht, kommt doch ganz darauf an, was der OP machen moechte. soll das polygon z.b. vom user manipuliert werden? soll die website downloadbar sein? kann javascript als vorhanden angesehen werden? ... solange wir das nicht wissen, sind aussagen wie "die methode xy ist unsinnig" zu pauschal.

              prost
              seth

      2. Hallo,

        Javascript kann zwar nicht wirklich "zeichnen", aber es kann Linien von einem Punkt zu einem anderen ziehen und ist daher sehr wohl in der Lage, ein aus dünnen Strichen bestehendes Polygen darzustellen.

        In JavaScript kann man Techniken implementieren, die mit HTML-Elementen, die als »Pixel« dienen, Linien umsetzen. Siehe etwa http://www.walterzorn.de/jsgraphics/jsgraphics.htm. - Was uns wieder dazu führt, dass HTML kein Grafikformat ist.

        Die zweite Möglichkeit wäre Canvas, was aber nicht breit unterstützt wird - da wäre Flash wohl die bessere Wahl, bzw. vorher würde man es wohl mit SVG versuchen.

        Mathias

        1. hallo mathias,

          Die zweite Möglichkeit wäre Canvas, was aber nicht breit unterstützt wird - da wäre Flash wohl die bessere Wahl, bzw. vorher würde man es wohl mit SVG versuchen.

          Ich würde da keine "Rangfolge" aufstellen wollen. Letzten Endes geht es darum, eben ein Polygon irgendwie zu "erstellen". Wenn du es mit SVG oder Canvas machst, ist das mehr oder weniger Bestandteil der "Seite", du kannst also auch bei Bedarf noch Text oder Bilder reinschubsen. Wenn du Flash nimmst, müssen eben alle eventuell gewünschtne "Polygoninhalte" auch in Flash notiert werden. Die Wahl der Technik hängt davon ab, was denn _wirklich_ dargestellt werden soll. Aber je mehr Techniken zum Ausprobieren zur Verfügung stehen, desto besser.

          Ich hatte lediglich leicht korrigierend auf Gunnar antworten wollen, daß - abhängig von dem, was man denn wirklich erreichen möchte - Javascript durchaus eine Option ist. Daß HTML "kein Grafikformat" ist, wie es Cheatah als erster nachdrücklich in diesem Thread formuliert hat, versteht sich von selbst.

          Grüße aus Berlin

          Christoph S.

          --
          Visitenkarte
          ss:| zu:) ls:& fo:) va:) sh:| rl:|
  3. Hi there,

    Ich sitze hier und würde gerne ein Polygon erstellen. Gerne würde ich das mit JavaScript erstellen. Doch ich suche im Netz und finde immer die gleichen Zeilen:

    Die Frage ist, was Du damit vorhast. Wenn Du einfach ein ein paar Linien an einer bestimmten Stelle in einem html-Dokument "zeichnen" willst, dann ist Javascript gar keine so schlechte Wahl, denn, von Javascript selbst einmal abgesehen, für alle anderen Lösungen benötigt man irgendwelche zusätzlichen Plugins oder was auch immer.

    Leider gibt's in Javascript keine Linien, soll heissen, Du müsstest zunächst selbst die Linien generieren, indem Du beispielsweise einfach Punkte (die durchaus der Punkt auf Deiner Tastatur sein können) in notwendiger Dichte in eine Reihe setzt - soll heissen, Du schreibst eine Funktion, die Zeichen in Deinen Vorgaben absolut positioniert.

    Sinnvollerweise erwartete so eine Funktion 4 Parameter: x und y Werte von Anfang und Endposition. Das wäre dann schon die halbe Miete. Und hätte den Vorteil, daß Du die Polygone auch noch animieren könntest. Ist aber nicht ganz trivial. Wenn Du von Javascript keine oder nur wenig Ahnung hast, dann würd' ich mein Polygon einfach zeichnen und als transparentes gif oder png dorthin plazieren, wo ich es brauchte...

    <map>
    <area shape=Polygon coords="50,40,30,50" nohref>
    </map>

    Das hat mit Deinem Problem nichts zu tun sondern definiert innerhalb einer Graphik einen anklickbaren Bereich, dem ein Verweis zugeteilt werden kann.

    Aber mein Browser zeigt niemals was an! Und dann würde ich auch gerne wissen wie ich denn das dann mit einer Farbe füllen kann.

    Das ist erstens im Lichte des oben Erwähnten nicht weiter verwunderlich und zweitens ziemlich schwer zu realisieren, zumindest wenn Du tatsächlich eine Javascriptlösung wähltest (ausser Du setzt jedes einzelne Farbpixel, wovon ich aus eigenen Erfahrungen eher abrate - zumindest auf langsameren Rechner besteht eine gute Chance, daß der Rechner dann nach einer Viertelstunde scheinbaren Nichtstuns endgültig abschmiert ;-)

    1. Hello out there!

      für alle anderen Lösungen benötigt man irgendwelche zusätzlichen Plugins oder was auch immer.

      Was auch immer sollte bei serverseitiger Generierung einer Graphik mit PHP zusätzlich benötigt werden?

      Du müsstest zunächst selbst die Linien generieren, indem Du beispielsweise einfach Punkte (die durchaus der Punkt auf Deiner Tastatur sein können) in notwendiger Dichte in eine Reihe setzt

      Oder auch Pixel ...

      (ausser Du setzt jedes einzelne Farbpixel, wovon ich aus eigenen Erfahrungen eher abrate - zumindest auf langsameren Rechner besteht eine gute Chance, daß der Rechner dann nach einer Viertelstunde scheinbaren Nichtstuns endgültig abschmiert ;-)

      ... ach so. Ja, das hatte ich bei meiner „pauschalen“ Aussage „Das wäre unsinnig“ auch im Kopf.

      See ya up the road,
      Gunnar

      --
      „Wer Gründe anhört, kommt in Gefahr nachzugeben.“ (Goethe)
      1. Hallo Gunnar,

        Was auch immer sollte bei serverseitiger Generierung einer Graphik mit PHP zusätzlich benötigt werden?

        nur ein Server/Anbieter mit PHP.

        Gruß, Jürgen

        1. Hello out there!

          Was auch immer sollte bei serverseitiger Generierung einer Graphik mit PHP zusätzlich benötigt werden?

          nur ein Server/Anbieter mit PHP.

          Eben. Das sollte weitaus leichter zu erfüllen sein als ein Client mit JavaScript.

          See ya up the road,
          Gunnar

          --
          „Wer Gründe anhört, kommt in Gefahr nachzugeben.“ (Goethe)
          1. Hi there,

            nur ein Server/Anbieter mit PHP.

            Eben. Das sollte weitaus leichter zu erfüllen sein als ein Client mit JavaScript.

            Hää?

            1. Hello out there!

              nur ein Server/Anbieter mit PHP.

              Eben. Das sollte weitaus leichter zu erfüllen sein als ein Client mit JavaScript.

              Hää?

              Auf die Wahl seines Hosters/Pakets und damit ob auf dem Server PHP ausgeführt wird oder nicht, darauf hat ein Webseitenautor Einfluss.

              Ob beim Client JavaScript ausgeführt wird oder nicht, das liegt außerhalb der Einflusssphäre des Webseitenautors.

              See ya up the road,
              Gunnar

              --
              „Wer Gründe anhört, kommt in Gefahr nachzugeben.“ (Goethe)
              1. Hi there,

                Auf die Wahl seines Hosters/Pakets und damit ob auf dem Server PHP ausgeführt wird oder nicht, darauf hat ein Webseitenautor Einfluss.

                Ob beim Client JavaScript ausgeführt wird oder nicht, das liegt außerhalb der Einflusssphäre des Webseitenautors.

                Das stimmt, allerdings ist der Prozentsatz nicht scriptfähiger Webspaces vermutlich um einiges höher als jener der javascript nicht ausführenden Browser.

                Aber anyway, zumindest hat uns der OP ja schliesslich doch noch mitgeteilt, was er wirklich will und daß es tatsächlich Leute gibt, die vergorenen Holundersaft trinken, wissen wir nun auch. Dieses Forum ist in jeder Hinsicht eine Repräsentation von Gegensätzen...

              2. Hallo Gunnar,

                Auf die Wahl seines Hosters/Pakets und damit ob auf dem Server PHP ausgeführt wird oder nicht, darauf hat ein Webseitenautor Einfluss.

                das ist aber mit Kosten oder Werbung verbunden und scheidet für viele "Hobby-Anbieter" aus.

                Ob beim Client JavaScript ausgeführt wird oder nicht, das liegt außerhalb der Einflusssphäre des Webseitenautors.

                Ich weise meine Besucher im Noscript-Bereich darauf hin, das meine Seiten Javascript benötigen und hoffe, das sie es auch einschalten.

                Gruß, Jürgen

    2. Hallo Klawischnigg,

      ... Und dann würde ich auch gerne wissen wie ich denn das dann mit einer Farbe füllen kann.

      ... Javascriptlösung wähltest (ausser Du setzt jedes einzelne Farbpixel, wovon ich aus eigenen Erfahrungen eher abrate - zumindest auf langsameren Rechner besteht eine gute Chance, daß der Rechner dann nach einer Viertelstunde scheinbaren Nichtstuns endgültig abschmiert ;-)

      so um die 10000 Pixel sind schon möglich, siehe z.B. http://www.malleus.de/mandel.html oder http://www.j-berkemeier.de/LogistischeAbbildung.html.

      Gruß, Jürgen

  4. Tag

    Das dieses Forum zum miteinander Chatten gebraucht wird? Was man da alles liest ist ja toll. Aber ich wollte etwas zur Programmierung wissen.

    Das man mit dieser Programmiervariante nur auf einem Image ein Poligon erstellen kann wusste ich nicht, gelesen hatte ich das ja auch im Netz, dachte aber man könne auch auf dem Seitenhintergrund  ein Poligon erstellen.

    Meine Idee war das ich einen Bereich mit Links farblich unterlege und auf eine leere Fläche mit einem Dreieck zeige. Und jetzt wollte ich halt nicht das der Bereich mit Links fest mit einer farblichen Fläche fläche hinterlegt wird, sondern der Dreiecksrand soll nur einen gewissen Abstand zu dem Text haben. Und so dachte ich das man dies mit einer Funktion realisieren könne, die Punkte zu berechnen und dafür ein Polygon einzusetzen.

    Danke und Gruß Andreas

    1. Hello out there!

      Meine Idee war das ich einen Bereich mit Links farblich unterlege

      Das sollte mit CSS kein Problem sein.

      und auf eine leere Fläche mit einem Dreieck zeige.

      Und warum sagst du das nicht gleich? Bei vernünftiger Problembeschreibung hätte dir eher geholfen werden können.

      Du musst dafür kein Polygon zeichen, sondern lediglich entsprechende Zeichen als Text benutzen, bspw. ▶ U+25B6 black right-pointing triangle. Gewünschte Größe und Farbe sollte mit CSS kein Problem sein.

      Geeignete Zeichen findest du in den Unicode Charts: Geometric Shapes, Dingbats. Notation in HTML als numerische Zeichenreferenz. [HTML401 §5.3.1]

      See ya up the road,
      Gunnar

      --
      „Wer Gründe anhört, kommt in Gefahr nachzugeben.“ (Goethe)
      1. Also erst einmal Danke!

        Ich weis nicht wie ich das richtig beschreiben soll.

        Es geht mir darum das der Bereich mit Links mit Farbe unterlegt wird und dies vom oberen bis zum unteren Rand der Seite. Und dann kommt das Dreieck das auch von oben nach unten und auf die rechte Seite zeigt. Das Dreieck soll auch hinter dem Text platziert werden und das nicht erst nach dem breitesten Text eines Links. Sondern der längste Eintrag soll auf dem Dreieck platziert werden, da es ja vorkommen kann das der Längste in der Mitte steht und damit sehr viel Platz zum fordersten Punkt des Dreiecks entsteht.

        Also dachte ich damit eine Funktion zu erstellen die für Abstand des längsten Textes zum Dreieckrand sorgt. Und da dachte ich an ein Polygon um alle fünf Ecken dynamisch erstellen und berechnen zu können.

        Danke und Gruß Andreas

        1. Hello out there!

          Einmal reicht doch wohl.

          Dass Doppelpostings unerwünscht sind, hat wahsaga dir doch eben erst gesagt.

          [http://forum.de.selfhtml.org/hilfe/charta.htm#keine-doppelpostings] hattest du durchgelesen?

          See ya up the road,
          Gunnar

          --
          „Wer Gründe anhört, kommt in Gefahr nachzugeben.“ (Goethe)
    2. Hallo Andreas,

      Meine Idee war das ich einen Bereich mit Links farblich unterlege und auf eine leere Fläche mit einem Dreieck zeige. Und jetzt wollte ich halt nicht das der Bereich mit Links fest mit einer farblichen Fläche fläche hinterlegt wird, sondern der Dreiecksrand soll nur einen gewissen Abstand zu dem Text haben. Und so dachte ich das man dies mit einer Funktion realisieren könne, die Punkte zu berechnen und dafür ein Polygon einzusetzen.

      du kannst per css mittels padding den Abstand zwischen Inhalt (z.B. Text) und Rand eines Elements (z.B. Link) einstellen.

      http://de.selfhtml.org/css/eigenschaften/innenabstand.htm

      Hintergrundbilder müssen nicht den ganzen Hintergrund füllen, sie können auch am Rand kleben.

      http://de.selfhtml.org/css/eigenschaften/hintergrund.htm

      Gruß, Jürgen

      1. Also erst einmal Danke!

        Ich weis nicht wie ich das richtig beschreiben soll.

        Es geht mir darum das der Bereich mit Links mit Farbe unterlegt wird und dies vom oberen bis zum unteren Rand der Seite. Und dann kommt das Dreieck das auch von oben nach unten und auf die rechte Seite zeigt. Das Dreieck soll auch hinter dem Text platziert werden und das nicht erst nach dem breitesten Text eines Links. Sondern der längste Eintrag soll auf dem Dreieck platziert werden, da es ja vorkommen kann das der Längste in der Mitte steht und damit sehr viel Platz zum fordersten Punkt des Dreiecks entsteht.

        Also dachte ich damit eine Funktion zu erstellen die für Abstand des längsten Textes zum Dreieckrand sorgt. Und da dachte ich an ein Polygon um alle fünf Ecken dynamisch erstellen und berechnen zu können.

        Danke und Gruß Andreas

        1. Hallo Andreas,

          Es geht mir darum das der Bereich mit Links mit Farbe unterlegt wird und dies vom oberen bis zum unteren Rand der Seite.

          Hintergrundgrafik für den Body, einfarbig, entsprechende Breite und Farbe, repeat-y. Siehe z.B. meine Seite.

          Und dann kommt das Dreieck das auch von oben nach unten und auf die rechte Seite zeigt. Das Dreieck soll auch hinter dem Text platziert werden und das nicht erst nach dem breitesten Text eines Links.

          div im Body, Dreieck als Hintergrund, no-repeat, entsprechende background-position, Hintergrund zusätzlich transparent.

          ...

          Den Rest habe ich nicht verstanden.

          Gruß, Jürgen

          1. Hallo

            --------------------\ Das ist ein Link     \                       \ Undas ist der Längste  >
                                  /
            Und jetzt wenig      /
            --------------------/

            So soll das einmal aussehen. Und die Links verändern sich, so daß der Längste eintrag in der Liste auch mal ganz unten stehen kann. Also muß ich eine Möglichkeit finden so ein Objekt erstellen zu können. Und das bitte nicht mit einem Malprogramm ein Dreieck erstellen.

            Danke und Gruß Andreas

            1. Hallo Andreas,

              --------------------\ Das ist ein Link     \                       \ Undas ist der Längste  >
                                    /
              Und jetzt wenig      /
              --------------------/

              Soll die Spitze immer in der Mitte sein, oder am längsten Link?
              Ändert sich die Anzahl der Links stark?

              Gruß, Jürgen

              1. -------------------------------------\                                       \ Das ist ein Link       mal noch Einer  \                                         \ das n kurzer                             \                                           >
                Undas ist der Längste                    /
                                                        /
                und dann am Ende                       /
                                                      /
                -------------------------------------/

                Hallo Jürgen

                Wie Du meinem Gemählte entnehmen kannst:

                Der vorderste Punkt
                immer in der Mitte         ja

                Die Anzahl ändert sich     ja

                Der Hintergrund von
                ganz oben bis ganz unten   ja

                Wenn voll von oben nach
                unten Weitere daneben      ja

                Es war halt eine Idee die Links nicht einfach mit einem Streifen von oben nach unten zu hinterlegen. Ist das nicht zu realisieren?

                Vielen Dank für Deine Hilfe!

                Gruß Andreas

                1. Hello out there!

                  Es war halt eine Idee die Links nicht einfach mit einem Streifen von oben nach unten zu hinterlegen. Ist das nicht zu realisieren?

                  Doch. Du erstellst den Pfeil als Grafik (GIF oder PNG, auf hinreichend große Höhe achten!)
                  Pfeilfarbe: transparent (oder Hintergrundarbe der Box),
                  Hintergrundfarbe: Hintergrundfarbe des umgebenden Bereichs (nicht transparent!)
                  Beispiel: http://gunnarbittersmann.de/selfhtml-forum/t151597/pfeil.html

                  Diesen nimmst du als Hintergrundbild für die Box, nicht wiederholt, vertikal mittig und horizontal rechts ausgerichtet. [CSS2 §14.2.1, http://de.selfhtml.org/css/eigenschaften/hintergrund.htm@title=SELFHTML] Dann passt die Pfeilspitze für jede Boxhöhe, welche du wegen variablem Inhalt und unterschiedlichen Schriftgrößen bei Nutzern ja nicht kennen kannst.

                  Damit die Schrift nicht in den Pfeil hineinläuft, gibst du der Box rechts entsprechend großes Padding.
                  Beispiel: http://gunnarbittersmann.de/selfhtml-forum/t151597/pfeil.html
                  Stylesheet: http://gunnarbittersmann.de/selfhtml-forum/t151597/pfeil.css

                  Nun ist dadurch der Abstand vom Text zur Pfeilspitze bei geringer Höhe der Box unnötig groß. Möchtest du die Breite der Box mit Pfeilspitze je nach Boxhöhe gestalten, liest du die deren Höhe mit JavaScript aus und setzt in Abhängigkeit davon den Wert des Paddings.
                  Beispiel: http://gunnarbittersmann.de/selfhtml-forum/t151597/pfeil2.html
                  JavaScript: http://gunnarbittersmann.de/selfhtml-forum/t151597/pfeil.js

                  See ya up the road,
                  Gunnar

                  --
                  „Wer Gründe anhört, kommt in Gefahr nachzugeben.“ (Goethe)
                  1. Doch. Du erstellst den Pfeil als Grafik (GIF oder PNG, auf hinreichend große Höhe achten!)
                    Pfeilfarbe: transparent (oder Hintergrundarbe der Box),
                    Hintergrundfarbe: Hintergrundfarbe des umgebenden Bereichs (nicht transparent!)
                    Beispiel: http://gunnarbittersmann.de/selfhtml-forum/t151597/pfeil.html

                    An der Stelle wollte ich eigentlich auf http://gunnarbittersmann.de/selfhtml-forum/t151597/pfeil.gif verweisen.

                    Ingunnarid

                    --
                    „Wer Gründe anhört, kommt in Gefahr nachzugeben.“ (Goethe)
                  2. Hallo Gunnar,

                    auch wenn wir in Sachen "Sinn von Javascript" unterschiedliche Meinungen haben, beim CSS haben wir die gleichen Ideen.

                    Gruß, Jürgen

                2. Hallo Andreas,

                  Hintergrundgrafiken dürfen größer sein, als das Element. Ist also die Grafik höher als die "höchstmögliche" Version des Linkblocks, sieht man immer einen Teil von ihr, auf Wunsch den mittleren. Und wenn bei der Grafik, wie Du sie benötigst, oben und unten etwas abgeschnitten wird, ändert sich die Grundform nicht, sie wird nur etwas schmaler.

                  In der folgenden Grafik sind die kleinen "b" der Teil der Grafik, den man nicht sieht und die großen "B" sind innerhalb des Blocks und damit sichtbar.

                  \bbbbbbb
                                                      \bbbbbb
                  -------------------------------------\BBBBB
                                                        \BBBB
                  Das ist ein Link       mal noch Einer  \BBB
                                                          \BB
                  das n kurzer                             \B
                                                            >
                  Undas ist der Längste                    /B
                                                          /BB
                  und dann am Ende                       /BBB
                                                        /BBBB
                  -------------------------------------/BBBBB
                                                      /bbbbbb
                                                     /bbbbbbb

                  Per CSS sorgts Du dafür, das die Grafik am rechten Rand von oben mittig klebt und nicht wiederholt wird.

                  Gruß, Jürgen