Jump to content
GreenSock

Guest

svg stroke drow

Recommended Posts

Hello, i am sorry maybe i ask some basic questions   but i try to drow like this svg from center>> i know they a draw svg plugin in gsap , but can i use css only ,?? then i need it to svg cuz it's easy to draw , then i want to make height dynamic  right?

thanks 

 

 

 

Link to comment
Share on other sites

1 hour ago, Lolia Trafam said:

but can i use css only

Yes this is possible with just CSS, but there are a lot of complexities involved in that. That's what makes DrawSVG so nice: It does a lot of the math and gotcha-catched for you.

 

Other than that, I'm not sure what you are asking. Please try and keep questions clear and relevant to gsap.

 

 

  • Like 2
Link to comment
Share on other sites

10 hours ago, elegantseagulls said:

Other than that, I'm not sure what you are asking. Please try and keep questions clear and relevant to gsap.

 

i try that, but i have 2 problem 

first i cannot draw the marker

then the lines don't get the height of parent

thanks!!!!!

http://jsfiddle.net/pvq087g4/2/ 

Link to comment
Share on other sites

18 minutes ago, Lolia Trafam said:

first i cannot draw the marker

 

What you mean by draw the marker. How are you expecting it to look?

 

18 minutes ago, Lolia Trafam said:

then the lines don't get the height of parent

 

I'm also not sure what you mean here. Everything inside the SVG scales according to the viewBox.

 

Link to comment
Share on other sites

11 minutes ago, OSUblake said:

What you mean by draw the marker. How are you expecting it to look?

 

the arrow shape , i want to draw it like the lines , i mean draw animation

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.
×