在使用setViewBox時在SVG/Raphael中創建HUD（縮放不變文本/標籤）

Question

我正在創建Raphael Web應用程序以允許平移和縮放平面圖。這一切都很好，但我似乎無法瞭解如何在界面上添加比例不變的文本（或其他對象）。當用戶平移/縮放時，一切都會縮放並移動。儘管有任何用戶平移/縮放，我基本上希望HUD功能保持其位置/尺寸。

我目前縮放/平移使用setViewBox

paper.setViewBox(x,y,newViewBoxWidth,newViewBoxHeight); 

Answer 1

你的UI應該是放在你的平面佈置圖的頂部的獨立拉斐爾紙。

Plain SVG允許嵌套SVG，但Raphael不會，因爲它必須提供VML後備。