JürgenB: Wiki: Funktionsplotter mit SVG

Beitrag lesen

Hallo Matthias,

Z.Zt. ist noch alles pixelorientiert. Jetzt muss ich das noch skalierbar machen.

<figure style="position: absolute; margin: 0px; width: 1887px; height: 590px;">
<figure style="position: absolute; margin: 0px; left: 50px; top: 0px; width: 1837px; height: 555px;">
<svg width="1837" height="555">

Meinst du damit, dass das svg-Element einfach nur ein ViewBox-Attribut viewbox="0 0 1837 555" (oder was auch immer) erhält und figure dann nur width:100% benötigt?

mit viewbox lege ich ja die „virtuelle“ Größe des SVG-Bereichs fest. Aber ich muss auch die Elemente drum herum noch von ihren Pixelgrößen befreien. Z.Zt. kann nur das äußere Figure-Element beliebige Größenangaben haben, z.B. in % oder vh. Die anderen vom Script erzeugten Elemente bekommen ihre berechnete Größe in Pixelangaben. Das Problem, über das ich im Moment nachdenke, ist: wie kann ich die Figure-Elemente, die das Script anlegt, an die Größe des äußeren im html angelegten Figure-Elements anpassen, ohne Pixelwerte für Größenangaben zu verwenden und ohne dem äußeren Figure-Element ein position:relativ geben zu müssen.

Oder denke ich (noch) zu kompliziert. Relative Größenangaben beziehen sich doch auf das nächste Element mit position ungleich static? (css ist nicht meine Stärke.)

Mein erster Gedanke war aber:

ich denke, so machen wir das.

PS: Kommst du auch zum Self-Treffen? Evtl. mit anderen Münsterländern in einer Fahrgemeinschaft? Das wäre nett, wenn wir uns wiedersehen könnten!

ich habe leider an diesem WE keine Zeit.

Gruß
Jürgen

0 55

Wiki: Canvas

Matthias Scharwies
  • canvas
  • javascript
  1. 0
    Gunnar Bittersmann
    1. 0
      Matthias Scharwies
      1. 4
        Felix Riesterer
        • javascript
        • selfhtml-wiki
        • svg
        1. 0
          Matthias Apsel
          1. 1
            Felix Riesterer
            1. 0
              Felix Riesterer
            2. 0
              Matthias Scharwies
              1. 0

                Wiki: SVG Funktionsgraph

                Matthias Scharwies
                1. 0
                  Matthias Apsel
  2. 4
    JürgenB
    1. 0
      Matthias Apsel
    2. 0
      Matthias Scharwies
    3. 1
      JürgenB
      1. 0
        Matthias Scharwies
        1. 1
          Matthias Apsel
          1. 0
            Matthias Scharwies
          2. 0
            JürgenB
          3. 0
            Tabellenkalk
            1. 0
              Matthias Apsel
              1. 0
                JürgenB
                1. 1
                  Matthias Apsel
                  1. 0
                    JürgenB
                    1. 0
                      Matthias Apsel
                      1. 0
                        JürgenB
              2. 0
                Tabellenkalk
            2. 0
              JürgenB
              1. 0
                Matthias Scharwies
        2. 0
          JürgenB
          1. 0

            Funktionsgraph in Canvas und SVG

            Matthias Scharwies
            • canvas
            • javascript
            • svg
        3. 0
          Felix Riesterer
          1. 0
            JürgenB
      2. 0
        JürgenB
      3. 0
        Felix Riesterer
        1. 0
          JürgenB
    4. 3

      Wiki: Canvas, Funktionsplotter

      JürgenB
      1. 0
        Matthias Scharwies
        1. 0
          JürgenB
          1. 0
            Matthias Scharwies
            1. 0
              JürgenB
            2. 2

              Wiki: Funktionsplotter mit SVG

              JürgenB
              1. 0
                Matthias Scharwies
                • javascript
                • svg
                1. 0
                  JürgenB
                  1. 2
                    MudGuard
                    1. 2
                      Christian Kruse
                      1. 0
                        JürgenB
                        1. 0
                          Matthias Apsel
                2. 3
                  JürgenB
              2. 2
                JürgenB
                • javascript
                • svg
                1. 0
                  Matthias Scharwies
                  1. 0
                    JürgenB
          2. 1
            Gunnar Bittersmann
            1. 0
              Der Martin
            2. 0
              JürgenB
              1. 0
                Gunnar Bittersmann