У меня есть анимация движущихся блоков, но я хотел бы добавить функцию, в которой пользователь имеет возможность переместить анимацию в середине, как паузу, а затем начать с нее.Добавление воспроизведения/паузы в анимации
Я вижу в ссылке Raphael имеет два метода .stop() и .pause()
, но я не ясно, как это осуществить.
Могу ли я узнать, как его использовать в моем случае. посмотрите на http://jsfiddle.net/kevindivdbyzero/95tmh/:
Если вы хотите приостановить его, вы можете использовать .stop(), но сохранить сумму, которую переместил блок. Затем, когда вы возобновляете анимацию, вычитайте общую сумму, которую она должна передвинуть, за вычетом суммы, которую она уже переместила.
Итак, если вы перемещаете блок на 100 пикселей, они приостанавливают его на 50 пикселей, а затем, когда они возобновляют его, ожидают только 50 пикселей на этот раз. Затем они могут снова приостановить его на 20 пикселей, и у вас останется 30 пикселей. Продолжайте делать это до тех пор, пока анимация не будет завершена, а затем запустите, чтобы блок завершил анимацию. Вам просто нужно сохранить дополнительную информацию.