Jump to content
Search Community

Is it possible to convertCoordinates from a drawSVG drawn element to other elements?

Bjarne Skov test
Moderator Tag

Recommended Posts

Hi there.

Below is a cheat solution that looks like what I'm trying to achieve.

It's the redRadius which is running the show. I've just set the stroke-opacity:0.
It'd be nice if it was possible to convertCoordinates from the green arch to the lines of the surrounding square.
But so fare I've had no luck.
Hope someone can help.

Thanks
Bjarne

See the Pen OJrYrOe by BYTEaBIT (@BYTEaBIT) on CodePen

Link to comment
Share on other sites

Hi Rodrigo

 

The green "Arch" is created with drawSVG.
If I omit the "redRadius" below and replace it with the "Arch", no coordinates are converted.
var p = MotionPathPlugin.convertCoordinates(redRadius, piston, armTip);

 

So it's probably a new feature I'm requesting or I'll have to find another way to solve the problem.

Bjarne

Link to comment
Share on other sites

6 hours ago, GreenSock said:

" are you requesting a new feature? "

 

Hi Jack

After I learned this "convertCoordinates" thing, I became quite fascinated with it.

 

I realize now that I'm exaggerating it and am attempting to use it where it's not suitable. 
I'm sure there are other ways that the MotionPathPlugin can solve this.

Bjarne

Link to comment
Share on other sites

14 hours ago, Bjarne Skov said:

The green "Arch" is created with drawSVG.

Yep that I can see. The problem is that I can't seem to understand what's the issue you're having or what you are intending to do, that's why I asked to be as specific as possible about your objective here.

 

Happy Tweening!

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...