javascript - 如何在传单 map 上制作动画形状

标签 javascript canvas html5-canvas gis leaflet

我是传单的新手,正在寻找一些建议。

我想创建某种标记的动画(​​例如,html5 填充弧或形状)以在 map 上重放 GPS 轨迹。我可能需要多个动画标记,并且我希望在行为和性能方面保持灵 active 。谁能推荐一种创建此类动画的好方法?

看起来我可以创建一个 Canvas 层 (L.TileLayer.Canvas) 并使用线性动画技术在其上绘制(例如 http://www.html5canvastutorials.com/advanced/html5-canvas-linear-motion-animation/ ),但我不确定这是否有效,或者我是否需要调用 redraw() 以及性能如何。或者我可以尝试制作客户标记并通过在某个时间间隔设置纬度/经度来移动它们。

有没有人遇到过这个并且可以推荐一个解决方案(以上想法或其他)?理想情况下,当我更改缩放级别时,动画将“缩放”并具有良好的性能。谢谢!

最佳答案

RaphaelLayer 插件可让您创建一些非常漂亮的动画:

http://dynmeth.github.com/RaphaelLayer/

关于javascript - 如何在传单 map 上制作动画形状,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14453440/

相关文章:

javascript - 使用 D3 javascript 库,svg 上的圆圈无法正确补间

javascript - 如何在不重新加载页面的情况下在表单中创建 html 元素?

javascript - 如何旋转 Canvas 中的元素

javascript - HTML offsetLeft 延迟更改

css - 使用 css 或 svg 创建一致且响应迅速的曲线

javascript - Canvas 调整大小甩掉听众 x y

html - 一页上可以包含的 Canvas 元素数量是否有实际限制?

javascript - 如何缩短在数组传播中具有 if 语句的 javascript 代码

javascript - 如何避免这种情况? Yslow -> "This page has 5 external stylesheets. Try combining them into one."

javascript - Canvas 文本调整大小