brendynz
Content Type
Profiles
Forums
Store
Blog
Product
Showcase
FAQ
Downloads
Posts posted by brendynz
-
-
Can anyone give me a clue as to why IE9 is rotating my SVG files differently than all other browsers? TransformOrigin doesnt seem to work the same (I have tried, %, pixels, and top), and it is going in different directions. The CodePen link should show the 3 lettter "A"s pointing to the left. But in IE9, they get squished and point down after a TweenMax.set call. Any thoughts? Thanks very much.
Also posted here in case CodePen doesnt allow IE9 viewing:
See the Pen QErOYr by leisurelarry (@leisurelarry) on CodePen
-
Looks like it was indeed just missing the left/top positions. My bad. Thanks!
-
Trying to learn animating along a path with Greensock. I got the animation working, but I can't seem to get rid of the white background. In the codepen, you can see there is supposed to be a green background (bg) in the html file. But a white background, that seems to be within the <SVG> tag is blocking it. Does anyone know why this is happening? Is MorphSVGPlugIn causing this?
Thanks.
See the Pen BzKdMJ by leisurelarry (@leisurelarry) on CodePen
-
Never mind. It was rounding it in another spot in the code... My bad
-
When tweening numbers is there a way to keep it to a certain number of decimal places? Such as in this case:
TweenLite.to( numberBeingTweened, 5, { targetNumber: 14.95 });
It's a dollar amount, so I need to keep the two numbers after the decimal.
(The title of this post is a bit misleading now that I think about it)
-
This is what I see with the code pen link in IE:
http://brendyn.com/test/temp.html
But I seem to have gotten one working here:
(http://codepen.io/leisurelarry/post/svg-scale-test)
Note how when it scales up, it doesnt get blurry.
Defining it huge before setting it small as originally suggested in the post.
A shame that can't be a feature in TweenMax to do that behind the scenes.
-
@Greensock - My confusion was that TweenLite is advertised as to take care of all the browser differences back until IE9 in most cases so that the dev doesn't need to worry about it. But in this case, that doesnt seem to be the case. Is that correct? Ive tried starting off large and then scaling after that, and that seems to work in IE11, but not 9 or 10.
To confirm, Tweenlite actually doesnt handle SVG scaling browser differences as it does with other features?
-
I added force3D:false into the code (http://www.brendyn.com/test/), and it seemed to help with Safari and Chrome, but IE is still blurry. Am I adding it into the wrong place?
TweenLite.to(_item, 1, {force3D:false, scale:5, delay:0});
-
Does anyone know why when animating the scale of an svg, it gets blurry in IE, and only looks clear in Chrome and Safari once the animation has finished?
In this quick test (http://www.brendyn.com/test/) the top image is SVG and the bottom is a PNG. If looked at in IE, once it gets big, you can see it's very blurry, which an SVG shouldnt be. The PNG is only slightly blurry (which is expected).
I assume it's a core browser difference, but I would have assumed TweenLite would have taken care of that. Can anyone offer any insight?
Thanks very much in advance.
-
Good to know thanks!
-
Thanks very much. Do you happen to know if this new tween on a path plug in can also tween a bitmap along a path?
-
Can anyone let me know the file size of each plugin of the Club Greensock files? Most importantly, the new MorphSVGPlugIn released today (Dec 22)? I am considering buying, but I need to know if they are small enough to use in my banners.
-
1
-
-
Looks like that did the trick! Thanks very much!
-
Not codepen, but test link here.
Notice the red box shakes when scaling up.
In Chrome on Mac.
-
Can anyone give me any tips to reduce jittery animation when scaling or tweening short distances with Tweenlite? I've tried force3d:true, and z:00000.1 to try to force hardware acceleration, but didnt seem to work.
Thanks!
-
Fair enough. Appreciate the in-depth response. Thanks!
-
Understood for Tweenlite, but even with TweenMax, file size for 6 lines is a concern?
-
Is there no static const to have auto complete remind me what's available anymore, or do I have to remember things like "all"? I found it was much better coding technique to use enums, such as OverwriteManager.ALL_IMMEDIATE.
-
I redownloaded the AS3 classes, but OverwriteManagrer seems to have disappeared from the ZIP file, even though it is still extensively mentioned in the ASdocs. Does anyone know where it went - my code has been mangled because of it.
-
It's got a bunch of client stuff in it right now, so I can't upload as it is. I'll see what I can do.
-
I've figured out the issue. I had the estimatedBytes line in both my actionscript and the xml file:
_loaderMax = new LoaderMax( { name:"mainQueue", noCache:true, onProgress:loaderProgressHandler, onComplete:loaderCompleteHandlerr } );
_loaderMax.append( new XMLLoader("xml/data_en.xml", {name:"lib_xml", estimatedBytes:10000 }));
_loaderMax.load();
As soon as I removed the estimatedBytes from the XML file, it worked properly.
Is this a known bug?
-
When I strip out all other code, it seems to work, so It must be something I'm doing somewhere.... Thanks for the offer to look, but I'll see if I can handle it on my end.
-
Let me see if I can hack out the specific part and post...
-
Thanks for the response guys
I played with a bunch of estimated byte sizes and it's still happening, so Im not sure what the issue is. If I just put the estimated size to several megs even though the file is only at 100k, I know that would be overkill, but shouldn't that solve the issue?
Rotation in IE9 not the same as other browsers
in GSAP
Posted
Thanks for your thoughts. I think it does have something to do with SVG itself. Thats a shame.