UPDATE: The stroke-alignment attribute was on April 1st, 2015 moved to a completely new spec called SVG Strokes.Īs of the SVG 2.0 Editor’s Draft of February 26th, 2015 (and possibly since February 13th), the stroke-alignment property is present with the values inner, center (default) and outer. You can see some of the concerns described after the prose here.

This property may make it into UAs eventually.Įdit 3: Amusingly and dissapointingly, the SVG working group has removed stroke-alignment from SVG 2. However, Vector Effects are still a working draft module with no implementations that I can yet find.Įdit 2: The SVG 2 draft specification includes a stroke-alignment property (with center|inside|outside possible values). It should be possible to achieve these results using SVG Vector Effects, by combining veStrokePath with veIntersect (for 'inside') or with veExclude (for 'outside). you can achieve the same visual result as 'outside' by doubling the stroke width and then overlaying a no-stroke copy of the object on top of itself.Įdit: This answer may be wrong in the future.

you can achieve the same visual result as 'inside' by doubling your stroke width and then using a clipping path to clip the object to itself, and.

I made a proposal to the SVG working group for this functionality in 2003, but it received no support (or discussion). No, you cannot specify whether the stroke is drawn inside or outside an element.

Boxy svg paper dimension