SVG Ring/Donut zeichnen
Verfasst von jan am Sa, 02/11/2012 - 11:50
Du willst mit Javascript und SVG ein Ring bzw. ein Donut zeichnen, also ein Kreis der innen hohl ist?
So wird es gemacht:
/** * SVG Donut Object */ var oDonut = function(x, y, r, R) { var y1 = y+R; var y2 = y+r; var path = 'M'+x+' '+y1+ 'A'+R+' '+R+' 0 1 1 '+(x+0.001)+' '+y1; // Outer circle path += 'M'+x+' '+y2+ 'A'+r+' '+r+' 0 1 0 '+(x-0.001)+' '+y2; // Inner Circle var c = document.createElementNS('http://www.w3.org/2000/svg', 'path:path'); c.setAttributeNS(null, 'd', path); return c; };
Kommentar hinzufügen