javascript - skrollr 从左下角变换

Question

我正在使用 skrollr 为一些 svg 元素的比例设置动画。问题是我想为它们设置动画，从左下角开始扩展，但它们是从左上角(默认艺术板 anchor )设置动画。

...
<g  data-0="transform:scale(0)" 
    data-600="transform:scale(1)">
...

http://jsfiddle.net/PvNGE/

你可以在上面看到它。有没有我可以添加到 svg 的标签来改变它的 anchor ，我可以在 skrollr 中做的事情或者从 illustrator 中导出它的方法可以做到这一点？

谢谢

Answer 1

我不确定 skrollr 是否适用于 SVG 元素，它适用于 webkit，但我不确定它是否适用于其他浏览器(请注意)。

---

需要指定变换原点，-webkit-transform-origin: bottom left;

<g data-0="transform:scale(0)" data-600="transform:scale(1)" class="bottom-left skrollable skrollable-between" style="-webkit-transform: scale(0.19333333333333333); -webkit-transform-origin: bottom left;">

http://jsfiddle.net/swwRB/