Question

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

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

http://jsfiddle.net/PvNGE/

你可以在上面看到它。有没有我可以添加到svg的标签，它会改变它的锚点，我可以在skrollr中做什么，或者从插图画家那里导出它会做到这一点？

由于

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/

skrollr从左下角变换

1 个答案: