2

I am learning AI and SVG animation. I got the SVG from flaticon. I would like to rotate the pointer around a point and make it look like the gauge is actually working. To achieve this, I need to find the coordinates on the indicator where the bases's midpoint is.

So.:

  • I am rotating the pointer
  • I know the base's midpoint
  • Want to know which (x,y) is the base's midpoint on the indicator (x', y')

Finding the midpoint on the base is not hard, but how can I translate the coordinate to the pointer? (I will actually need to transform the indicator's coordinate to an x' and y' percentage afterwards to be able to make it responsive).

I guess I would need to figure out points a lot of times later, so I would like to be able to find such points fast.

Edit: I actually want to rotate the pointer in my animation (JavaScript). I can reference the pointer using the path's id, but to apply the transformation, I need a transformation origin. Which I cannot measure.

enter image description here

3

With Illustrator you don't need any coordinate, if we had to do illustrations based on coordinates it would be a madness ;-)

  • Select the circle and the pointer
  • Prss R to activate the Rotation Tool
  • Pres Cmd + Y Mac or Ctrl + Y Win to activate the Outline View
  • Click the circle center once to define the rotation center
  • Click the pointer top point and rotate

enter image description here

To see the coordinates points:

  • Pres Cmd + U Mac or Ctrl + U Win to activate the Smart guides
  • Put the mouse over the circle center to see x, y coordinate numbers

enter image description here

If you need reference points between two shapes, use the Measure Tool (the ruler) and the Info Panel to see the coordinates info

Measure Tool

  • Updated my question, I need to coordiantes or the percentages of the midpoint Thanks for the tip btw, at least I can align it perfectly now. – appl3r Apr 21 at 9:03
  • These are coordiantes relative to the whole document not the pointer. Do I need to copy and paste them to a new document, set the document size to match the path and do this? – appl3r Apr 21 at 9:17
  • Answer updated. I showed you all the possible tools, I think there are no more options inside Illustrator – Danielillo Apr 21 at 9:21
  • 1
    Measure tool works, I had to copy the base and the pointer to a new document though, because I had to use the measure tool from the top left corner and the selection outline (rectangle) disappears if I start using the measure tool and the circlepoint too, so I can only measure If I place new objects for help. Thanks! – appl3r Apr 21 at 9:36

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.