Cubic Bezier curves not handled correctly?
peteruithoven opened this issue · comments
Peter Uithoven commented
I found is that Cubic bezier curves seem to be handled incorrectly, they are handled as straight lines by getPointAtLength
.
A simple example:
var container = document.getElementById("container");
var svg = SVG("container").size("100%","100%");
var path = svg.path('M34.5,45.5 c0,0,38-43,71-18 s31,81 20,78 c0,0,38-43,71-18 s31,81-20,78 -16-47-16-47');
var poly = path.toPoly("1%").stroke({color:'#F00'}).fill("none");
Peter Uithoven commented
I just noticed that this happens in Firefox, but it works fine in Chrome and Safari.
Wout commented
Yeah, FireFox always seems to handle things differently which can be quite annoying. Nothing I can do here I'm afraid because that's the native api.
Peter Uithoven commented
I've posted it on https://support.mozilla.org/ (I couldn't find another issue queue for Firefox)
Wout commented
Peter Uithoven commented
Wout commented
Obviously it's a FF issue as older version did do it properly. Hopefully they can fix it soon...