Re: Curving SVG

Hi Fabian,

Transforming the coordinates (handles) of a path does not, sadly, result 
in the actual curve following the same transformation. There are curve 
types where this follows, such as NURBS, but not the cubic and quadratic 
splines used in SVG.

One option is to investigate conversion to NURBS, transform, and then 
convert back to a new path.

Another option is to tessellate the curved subpaths to a series of 
straight line segments to approximate the curves. translation of the 
straight line cooordinates will follow the transform you want.

Lastly, there is always a rasterization approach, followed by resampling 
to the curved surface, but that is unlikely to produce the desired quality.

I wish you best of luck with your project, but unfortunately I don't 
have the time to assist or mentor students at this time.

On 2021-03-08 07:22, Fabian Svensson wrote:
> Hello,
>
> I am a university student from Barcelona, currently doing an 
> internship, and I have been assigned a task to curve an SVG image, 
> which appears to be much more complex than it sounds. I found your 
> emails in the documentation and was hoping that you could help me with 
> this query, please forgive if I have overstepped.Â
>
> Attached is a PDF of what I want to achieve. I basically want to curve 
> the entire SVG image, much like you can do with a single path using 
> bezier curves.
>
> I have tried using the DOMMatrix to transform the coordinate system, 
> as well as using filters such as the fedisplacementmap. I have even 
> tried individually manipulating each path in the image, but without 
> success.
>
> If you have any ideas or recommendations on how to achieve this I 
> would appreciate it a lot!
>
> I hope to hear from you soon,
>
> Fabian Svensson

-- 
Chris Lilley
@svgeesus
Technical Director @ W3C
W3C Strategy Team, Core Web Design
W3C Architecture & Technology Team, Core Web & Media

Received on Monday, 8 March 2021 18:11:29 UTC