如何在 Raphael (SVG) 中向路径添加点

Posted

技术标签:

【中文标题】如何在 Raphael (SVG) 中向路径添加点【英文标题】:How to add a point to a path in Raphael (SVG) 【发布时间】:2012-03-26 18:47:54 【问题描述】:

我的情况是屏幕上有许多路径,每秒更新几次。它们是极其简单的线条路径,它们中的每一个都只是画布上的一条简单线条。

我需要一种更新路径的有效方法。目前,我正在检索每个路径字符串,添加“L xx xx”,然后重绘。线数少还好,但频率(或路径数)增加后性能真的很差。

所以,真正的问题是 - Raphael 是否提供了一种方法来“向路径添加一个点”? 我对向量很陌生,更不用说 Raphael 和 svg。

如果有任何帮助,将不胜感激

谢谢 克

【问题讨论】:

【参考方案1】:

我想知道你在做什么;) 尝试只维护更新的路径并在路径上使用“路径”属性 我很想知道性能是否有所提高 此外,您可能想访问我的网站并在那里玩演示以获得可爱的圆形路径

http://irunmywebsite.com/raphael/additionalhelp.php?v=2

看看它可能激发的 Catmull Rom Curves 技术...... 原谅裸链接和拼写 iPod!

【讨论】:

嗨。感谢您的回答。我在您的演示站点上看到您正在做一些有趣的示例,但我很难理解代码。 '维护更新的路径'是什么意思? Klon 对不起,我在我的 iPod 上“维护”。性能有没有提高?

以上是关于如何在 Raphael (SVG) 中向路径添加点的主要内容,如果未能解决你的问题,请参考以下文章

Raphael SVG 动画在某些浏览器中不稳定

全尺寸背景图像到 SVG 路径

raphael.js 如何将 id 添加到路径

Raphael js - 绘制没有交叉点的路径

强大的svg操作库——Raphael

在android中向画布添加点而不刷新整个画布