Rectangle outline svg how to#
There seems to be some issues as to how to the property should behave on open paths as well as loops. This has been a property I personally have been urging to have, and I'm really happy that it's finally there in the spec. No browser support this property, or, as far as I know, any of the new SVG 2 features, yet, but hopefully they will soon as the spec matures. , it has never been detailed in the spec as it was deferred - until now, it seems. SVG 2 shall include a way to specify stroke position This property has been planned since at least 2011, but apart from an annotation that said It seems to work the same way as the stroke-location property proposed by and the later stroke-position suggestion. 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.
0 kommentar(er)
