javascript - 如何动态更新拉斐尔文本

Question

我正在绘制基于拉斐尔形状和文本的流程图。在页面加载时，我绘制了带有文本的 rapahel 形状。这段文字是某种状态。有一些后台处理正在改变状态。现在我想在单击按钮时更新此状态(这是 raphael 形状内的 rapahel 文本)，而无需再次重绘流程图形状。即我只想更新形状内的文本。这里形状和文本都在数组中。我正在使用 json 获取状态。

代码和流程图请引用以下stackoverflow问题。我正在寻找实现这一目标的指针。由于服务器端脚本依赖性，我无法获得完整代码

How to avoid overlapping of Rapahel js path

Answer 1

假设 raphText 是您的 RaphaelJS 文本元素引用，那么 raphText.attr("text", "new status"); 将更改文本内容。

更多信息:查看http://raphaeljs.com/reference.html#Element.attr .