Как установить произвольную ось для вращения anime.js? - PullRequest
Новая
       45

Как установить произвольную ось для вращения anime.js?

1 голос
/ 10 марта 2019

Скажем, я хочу повернуть линию со средней точкой (x = '250', y = '250') линии в качестве оси для следующего: 

const line = document.querySelector('.line');

anime({
    targets: 'line',
    rotateY: '360deg'
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/animejs/2.2.0/anime.min.js" integrity="sha256-BuxrUdr/4YoztQLxT6xmdO6hSQw2d6BtBUY1pteGds4=" crossorigin="anonymous"></script>

<svg width='500' height='500'>
    <rect x='0', y='0' width="500px" height='500px' fill='black'></rect>
    <circle cx='250' cy='250' r='250' fill='white'></circle>
    <line class='line' x1='250' y1='0' x2='250' y2='500' stroke='black' stroke-width='10px'></line>
</svg>

Есть ли способ назначить произвольную ось для вращения?

...