polygon skalieren

rernanded

Erfahrenes Mitglied
Hi,
ich suche nach einer Lösung um das polygon mit Klick auf den Button zu ändern und zwar so, dass mit jedem Mouseklick das Polygon größer wird.
Moni

HTML:
<script>
function changePolygon() {
var x = document.getElementById(polygon);
???
}
</script>
<input type="button" onclick="changePolygon()" />

<div id="polygondiv">
<svg id="polygon" height="900" width="900" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<polygon points="128,5,17,51,2,118,7,168,12,201,26,227,38,258,50,295,61,303,84,324,99,332,116,329,136,329,149,328,163,327,175,321,185,313,196,302,207,281,215,265,222,244,234,196,238,175,240,148,245,121,242,66,227,40,201,15,173,3"
style="fill:lime;stroke:purple;stroke-width:5;fill-rule:nonzero;" />
</svg>
</div>
 
@SpiceLab
Ja richtig. Aber ich will nicht immer mit fertigen .js oder guis oder libraries usw. arbeiten.
Da gibts panzoom, snap, three, two, velocity, babylon, paper ... Sind alle okay aber helfen nicht beim Grundverständnis.
MONI
 
ich will nicht immer mit fertigen .js oder guis oder libraries usw. arbeiten.
Da gibts panzoom, snap, three, two, velocity, babylon, paper ... Sind alle okay aber helfen nicht beim Grundverständnis.
Dann solltest du beim nächsten Mal dein Anliegen auch präziser formulieren, und die Nutzung von gebräuchlichen JS-Bibliotheken/-Plugins ausschließen, um in deinem eigenen Interesse überflüssigen Antworten vorzubeugen:
ich suche nach einer Lösung um das polygon mit Klick auf den Button zu ändern und zwar so, dass mit jedem Mouseklick das Polygon größer wird.
 
Zuletzt bearbeitet:

Neue Beiträge

Zurück