Business
Jobs
  • About Us
  • Solutions
    • Job Postings
      Post your job and receive qualified candidates in 48h.
    • Candidate Assessments
      500+ technical and psychological tests, plus anti-fraud.
    • Headhunting
      Tailor-made executive search from start to finish.
    • Payroll + EOR
      Payroll dispersal and EOR across 15+ LATAM countries.
  • Pricing
  • Jobs

0

125
Views
How can I make a shape defined in SVG path d attribute to rotate?

I have this path M -13 11 A 17.81 17.81 0 0 0 14 11 L 41 30 A 50 50 0 0 1 -39 29 Z which is a shape like 1/4 of a circle that I want to make it rotate around the center. So far what I tried was to compare the same shape rotated at 10 deg increments and see if any pattern emerges. I noticed that the values are incremented and decremented in relatively same quantities. At a 10 deg rotation they move about 2 points. But is not exact and when I tried to increment the values like that I got slightly distorted shape. Here same shape with 30 deg rotatian: M -19 17 A 17.81 17.81 0 0 0 18.5 5 L 50 9 A 50 50 0 0 1 -57 47 Z

The nature of my project only allows me to use the d attribute to modify shapes. How can I rotate an SVG by only manpulating the path d attribute?

about 4 years ago · Juan Pablo Isaza
Answer question
Find remote jobs

Discover the new way to find a job!

Top jobs
Top job categories
Business
Post vacancy Pricing Sales
Legal
Terms and conditions Privacy policy
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Show me some job opportunities
There's an error!