Jump to content
GreenSock

DeuxAlpha

ShockinglyGreen
  • Posts

    3
  • Joined

  • Last visited

About DeuxAlpha

DeuxAlpha's Achievements

Newbie

Newbie (1/14)

0

Reputation

  1. You might have a point. Although I like the modularity in that I can choose to only change the way styles would be displayed (as was the issue in my case). Thanks for the link, nonetheless. As I am diving more into SVG's and the possibilities that come along with it, both regarding designing as well as animating, the possibilities continue to amaze me, and how something as simple as grouping certain object together changes the entire playing field regarding the scope of what can be achieved.
  2. That's a really awesome tool, and it fixed the problem, thank you very much! And yes, I only included the Code that was necessary to explain the issue One additional little hurdle I have come across is that it seems like I can only use Inline-SVG that is embedded within the HTML-File when I'm trying to animate it. What I mean is that this would animate: <?xml version="1.0" encoding="UTF-8" standalone="no"?> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 210 297"> <circle cx="104.35" cy="157.2" r="100.91" fill="#58575a" stroke="#58575a" stroke-width=".04" paint-order="stroke markers fill"/> </svg> But this would not: <img src="images/drawing.svg"> The drawing.svg-File would have the exact same content as the Code I have pasted above. The image still shows up, just, as I said, no animation. This is, as far as I know, the correct way to reference the SVG-File, is it not? Thanks in advance for any help!
  3. Hey guys! I've been using this library for a couple of days now and it's very exciting! One problem I have run into, however, is this: I've recreated the Icon of our company in a SVG-File using Inkscape. Very ugly for now, but I wanted to use it as a proof-of-concept. However, DrawSVG didn't work out of the box because I had to change portions of the SVG-File from something like: <svg> <circle style="stroke-width:0.04409721;stroke:#58575a"/> </svg> to: <svg> <circle stroke-width="0.04409721" stroke="#58575a"/> </svg> It worked relatively well from thereon out. I thus wanted to ask, before I need to write a problem that converts these SVGs automatically, whether you know of a way to force Inkscape to adjust the way it creates styles out-of-the-box, or to tell the DrawSVGPlugin to look a little harder for the styles in the first place. Disclaimer: I realize this may be a question better fit over at the Inkscape Forum, but I thought I'd give it a shot here, since the connection to the GSAP library is already established. Thank you in advance!
×