nicht angemeldet
Hallo,
kann jemand bei folgendem Problem helfen? :
Ich möchte ein SVG-Objekt, dass in ein HTML-Dokument eingebettet ist durch Ziehen mit der Maus vergössern, ähnlich wie in einem Grafikprogramm.
Ich konzentriere mich zunächst nur auf die Funktionsfähigkeit im FF.
Dabei meine ich folgendes festzustellen :
1.) SVG lässt sich im Firefox nur mit dem <object>-Tag einbetten. Mit dem <embed>-tag funktioniert es bei mir nicht. Mach ich hier etwas falsch?
2.) Die Ereignishandler funktionieren im object-Tag, also auf dem SVG, nicht. Ich muss ein zusätzliches <DIV> über die SVG drüberlegen.
Gibt es eine einfachere Möglichkeit?
3.) Ich muss die ursprüngliche Grösse (zumindest die Breite, bei mir 155px) des SVG kennen und im object-Tag angeben. Ansonsten kann es passieren, dass der FF die Grafik mit Scrollbalken anzeigt. Kann man das umgehen?
4.) Die Änderung der Breite mittels der Javascript-Funktion tut es nicht.
Wie kann ich die Grösse der SVG denn nun verändern?
Vielen Dank schon mal für etwaige Hilfe. Der HTML-Code in einer vereinfachten Form folgt hier:
____________________________________________________________
<HTML>
<HEAD>
<style type="text/css">
#svg1
{
position:absolute;
top: 100px;
left: 100px;
width: 155px;
}
.div1
{
position:absolute;
top:100px;
left:100px;
width:500px;
height:500px;
border-color:red;
border-width:2px;
border-style:solid;
}
</style>
<script type="text/javascript">
<!--
function TestResize ()
{
var obj = document.getElementById('gef1');
alert ("Test");
obj.style.width = "300px";
}
-->
</script>
</HEAD>
<BODY>
<OBJECT id="svg1" data="test.svg" type="image/svg+xml"> </OBJECT>
<DIV class="div1" onClick="TestResize()"> </DIV>
</BODY>
</HTML>