max: SVG in HTML scrollleistenfrei maximieren

Beitrag lesen

SELF-Forum

SVG in HTML scrollleistenfrei maximieren

max
– Informationen zu den Bewertungsregeln

Hallo Forum,

ich möchte eine SVG-Grafik (animiert mit Links) maximiert, zentriert und mit korrektem Seitenverhältnis
auf einer Startseite (html) im Browser anzeigen lassen, wobei deren Größe bei Größenänderung des Browserfensters automatisch angepasst werden soll.

Wenn ich direkt die SVG in Firefox/Opera öffne, klappt das wunderbar.
Beim Anzeigen über die html-Seite wird immer die maximale Breite ausgenutzt und ich erhalte ggf. eine vertikale Scrollleiste.

Da ich auf mehreren Rechnern lieber eine anpassbare index.html als Startseite festlegen möchte, als direkt eine SVG, suche ich eine Lösung für o.g. Problem.
(Möglichst ohne Java-Script.)

Hat jemand eine Idee?

Es folgen zwei Beispieldateien, mit denen o.g. Verhalten auftritt.

SVG-Datei (rect.svg):

  
<?xml version="1.0" encoding="UTF-8" ?>  
<svg version="1.1"  
     xmlns="http://www.w3.org/2000/svg"  
     viewBox="0 0 100 50"  
     preserveAspectRatio="xMidYMid meet">  
  
  <rect x ="0" y ="0" width ="100" height ="50" rx ="15" ry ="15" />  
  
</svg>

HTML-Datei:

  
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"  
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
<html>  
  <head>  
    <title>Title of the document</title>  
  </head>  
  <body>  
    <object data="rect.svg" type="image/svg+xml" preserveAspectRatio="xMidYMid meet"></object>  
  </body>  
</html>

Mit ratlosen Grüßen

Max

Beitrag melden
–
Informationen zu den Bewertungsregeln