使用setViewBox时在SVG / Raphael中创建HUD(缩放不变文本/标签)

时间:2012-09-13 13:14:17

标签: javascript svg raphael

我正在创建Raphael网络应用程序以允许平移和缩放平面图。这一切都很好但我似乎无法找到如何在界面上添加缩放不变文本(或其他对象)。当用户平移/缩放时,一切都会缩放和移动。尽管有任何用户平移/缩放,我基本上都希望HUD功能保持其位置/大小。

我目前使用setViewBox

进行缩放/平移
paper.setViewBox(x,y,newViewBoxWidth,newViewBoxHeight);

1 个答案:

答案 0 :(得分:1)

您的用户界面应该放在放置在平面图上的单独的拉斐尔纸上。

普通SVG允许嵌套SVG,但Raphael没有,因为它必须提供VML后备。