Standardwerte für svg.js-Elemente

Question

Gibt es eine Möglichkeit, die Standardfüllung für alle neu erstellten Elemente festzulegen? das ist, wie ich es jetzt tue:

draw.circle(radius).fill(params); 

params sind immer gleich tun, ich brauche sie al die Zeit zu vertreiben?

Answer 1

Ich denke, Sie könnten es mit SVG.extend() abziehen. Probieren Sie es in der Dokumentation aus. Grundsätzlich fügen Sie eine Methode hinzu, die Standardwerte festlegen würde.

SVG.extend(SVG.Circle , { 
    setDefault: function() { 
    return this.fill({ color: '#7FFFD4', opacity: 0.2 }) 
    } 
}) 

Answer 2

Sein altes, aber hey: Sie können einfach Containerelement mit einem neuen Verfahren erstrecken, die den Kreis erzeugen Sie wollen. Sie könnten auch eine neue Form erfinden und Methoden hinzufügen, wie Sie möchten, aber das ist vielleicht ein bisschen zu viel für Ihr Problem

SVG.extend(SVG.Container, { 
    filledCircle: function(radius) { 
    return this.circle(radius).fill({ color: 'red', opacity: 0.5 }) 
    } 
}) 

// usage 
draw.filledCircle(10).center(50,50)