javascript - 从左下角的 skrollr 变换

Question

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

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

http://jsfiddle.net/PvNGE/

你可以在上面看到它。有没有可以添加到 svg 的标签来改变它的锚点，我可以在 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/