Inline-SVG → auf Style(CSS) per JS zugreifen? bearbeitet von Gunnar Bittersmann 04.09.2023 21:03 @@Raketenwilli> ```css> #Eye_1 {> cx: 40px;> cy: 50px;> rx: 35px;> ry: 40px;> fill: none;> stroke: yellow;> stroke-width: 15px;> }> ```Für wen ist das? Für dich? Oder fürs Web?~~Weder Safari noch Firefox unterstützen bislang *geometry properties*{:@en} von SVG2.~~☞ [There are four lights!](https://codepen.io/gunnarbittersmann/pen/JjwReVe){:@en} In Safari und Firefox sind 4 Lichter zu sehen, in Chromia 5.[^1][^1]: *TNG* [Chain of Command, Part II](https://en.wikipedia.org/wiki/Chain_of_Command_(Star_Trek:_The_Next_Generation)#Part_II){:@en}**Nachtrag:** *I stand corrected.*{:@en} Mit Längenangaben (d.h. Zahl mit Längeneinheit) tun’s Safari und Firefox auch. ☞ [Part II](https://codepen.io/gunnarbittersmann/pen/RwEGEja){:@en}> via JS „ins SVG greifen”?Für sowas gibt’s Libraries: [Snap.svg](http://snapsvg.io/).> Und, um gleich den von Seiten Gunnars zu erwartenden Einwand abzufangen:> > - Kann ich irgendwie feststellen, ob es überhaupt eine Maus (einen Mauszeiger) gibt?Per [pointer media query](https://developer.mozilla.org/en-US/docs/Web/CSS/@media/pointer){:@en} vielleicht?🖖 Живіть довго і процвітайте{:@uk}-- *Ad astra per aspera*{:@la}
Inline-SVG → auf Style(CSS) per JS zugreifen? bearbeitet von Gunnar Bittersmann 04.09.2023 21:13 @@Raketenwilli> ```css> #Eye_1 {> cx: 40px;> cy: 50px;> rx: 35px;> ry: 40px;> fill: none;> stroke: yellow;> stroke-width: 15px;> }> ```Für wen ist das? Für dich? Oder fürs Web?~~Weder Safari noch Firefox unterstützen bislang *geometry properties*{:@en} von SVG2.~~☞ [There are four lights!](https://codepen.io/gunnarbittersmann/pen/JjwReVe){:@en} In Safari und Firefox sind 4 Lichter zu sehen, in Chromia 5.[^1][^1]: *TNG* [Chain of Command, Part II](https://en.wikipedia.org/wiki/Chain_of_Command_(Star_Trek:_The_Next_Generation)#Part_II){:@en}**Nachtrag:** I stand corrected. Mit Längenangaben (d.h. Zahl mit Längeneinheit) tun’s Safari und Firefox auch. ☞ [Part II](https://codepen.io/gunnarbittersmann/pen/RwEGEja){:@en}> via JS „ins SVG greifen”?Für sowas gibt’s Libraries: [Snap.svg](http://snapsvg.io/).> Und, um gleich den von Seiten Gunnars zu erwartenden Einwand abzufangen:> > - Kann ich irgendwie feststellen, ob es überhaupt eine Maus (einen Mauszeiger) gibt?Per [pointer media query](https://developer.mozilla.org/en-US/docs/Web/CSS/@media/pointer){:@en} vielleicht?🖖 Живіть довго і процвітайте{:@uk}-- *Ad astra per aspera*{:@la}
Inline-SVG → auf Style(CSS) per JS zugreifen? bearbeitet von Gunnar Bittersmann 04.09.2023 21:13 @@Raketenwilli> ```css> #Eye_1 {> cx: 40px;> cy: 50px;> rx: 35px;> ry: 40px;> fill: none;> stroke: yellow;> stroke-width: 15px;> }> ```Für wen ist das? Für dich? Oder fürs Web?~~Weder Safari noch Firefox unterstützen bislang *geometry properties*{:@en} von SVG2.~~☞ [There are four lights!](https://codepen.io/gunnarbittersmann/pen/JjwReVe){:@en} In Safari und Firefox sind 4 Lichter zu sehen, in Chromia 5.[^1][^1]: *TNG* [Chain of Command, Part II](https://en.wikipedia.org/wiki/Chain_of_Command_(Star_Trek:_The_Next_Generation)#Part_II){:@en}**Nachtrag:** I stand corrected. Mit Längenangaben (d.h. Zahl mit Längeneinheit) tun’s Safari und Firefox auch. [Part II](https://codepen.io/gunnarbittersmann/pen/RwEGEja){:@en}> via JS „ins SVG greifen”?Für sowas gibt’s Libraries: [Snap.svg](http://snapsvg.io/).> Und, um gleich den von Seiten Gunnars zu erwartenden Einwand abzufangen:> > - Kann ich irgendwie feststellen, ob es überhaupt eine Maus (einen Mauszeiger) gibt?Per [pointer media query](https://developer.mozilla.org/en-US/docs/Web/CSS/@media/pointer){:@en} vielleicht?🖖 Живіть довго і процвітайте{:@uk}-- *Ad astra per aspera*{:@la}
Inline-SVG → auf Style(CSS) per JS zugreifen? bearbeitet von Gunnar Bittersmann 04.09.2023 21:12 @@Raketenwilli> ```css> #Eye_1 {> cx: 40px;> cy: 50px;> rx: 35px;> ry: 40px;> fill: none;> stroke: yellow;> stroke-width: 15px;> }> ```Für wen ist das? Für dich? Oder fürs Web?~~Weder Safari noch Firefox unterstützen bislang *geometry properties*{:@en} von SVG2.~~☞ [There are four lights!](https://codepen.io/gunnarbittersmann/pen/JjwReVe){:@en} In Safari und Firefox sind 4 Lichter zu sehen, in Chromia 5.[^1][^1]: *TNG* [Chain of Command, Part II](https://en.wikipedia.org/wiki/Chain_of_Command_(Star_Trek:_The_Next_Generation)#Part_II){:@en}**Nachtrag:** I stand corrected. Mit Längenangaben (d.h. Zahl mit Längeneinheit) tun’s Safari und Firefox auch.> via JS „ins SVG greifen”?Für sowas gibt’s Libraries: [Snap.svg](http://snapsvg.io/).> Und, um gleich den von Seiten Gunnars zu erwartenden Einwand abzufangen:> > - Kann ich irgendwie feststellen, ob es überhaupt eine Maus (einen Mauszeiger) gibt?Per [pointer media query](https://developer.mozilla.org/en-US/docs/Web/CSS/@media/pointer){:@en} vielleicht?🖖 Живіть довго і процвітайте{:@uk}-- *Ad astra per aspera*{:@la}
Inline-SVG → auf Style(CSS) per JS zugreifen? bearbeitet von Gunnar Bittersmann 04.09.2023 21:10 @@Raketenwilli > ```css > #Eye_1 { > cx: 40px; > cy: 50px; > rx: 35px; > ry: 40px; > fill: none; > stroke: yellow; > stroke-width: 15px; > } > ``` Für wen ist das? Für dich? Oder fürs Web? Weder Safari noch Firefox unterstützen bislang *geometry properties*{:@en} von SVG2. ☞ [There are four lights!](https://codepen.io/gunnarbittersmann/pen/JjwReVe){:@en} In Safari und Firefox sind 4 Lichter zu sehen, in Chromia 5.[^1] [^1]: *TNG* [Chain of Command, Part II](https://en.wikipedia.org/wiki/Chain_of_Command_(Star_Trek:_The_Next_Generation)#Part_II){:@en} > via JS „ins SVG greifen”? Für sowas gibt’s Libraries: [Snap.svg](http://snapsvg.io/). > Und, um gleich den von Seiten Gunnars zu erwartenden Einwand abzufangen: > > - Kann ich irgendwie feststellen, ob es überhaupt eine Maus (einen Mauszeiger) gibt? Per [pointer media query](https://developer.mozilla.org/en-US/docs/Web/CSS/@media/pointer){:@en} vielleicht? 🖖 Живіть довго і процвітайте {:@uk} -- *Ad astra per aspera*{:@la}
nicht angemeldet
