如何在画布中沿着自定义路径对对象进行动画处理? [英] How do I animate an object along a custom path in canvas?

查看:153
本文介绍了如何在画布中沿着自定义路径对对象进行动画处理?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

我在Illustrator中创建了一系列路径(带有曲线点)。我如何发送我的圈子沿着这些路径在Canvas中跟随?



我可以通过svg - > canvas转换器设置一条线的路径,但不是

解决方案

任何想法?

>我建议您查看类似 CAAT.js 的内容。第一个演示几乎完全符合您的要求。



CAAT.js跟踪演示


I have a series of paths (with curve points) created in Illustrator. How do I send my circle to follow along these paths in Canvas?

I can set the paths to a line through a svg -> canvas converter, but that doesn't help me animate anything along that line.

Any ideas?

解决方案

I suggest checking out something like CAAT.js. The first demo does pretty much exactly what you are looking for.

CAAT.js follow path demo

这篇关于如何在画布中沿着自定义路径对对象进行动画处理?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆