使用setViewBox时在SVG / Raphael中创建HUD（缩放不变文本/标签）
[英]Creating a HUD (scale invariant text / labels) in SVG/Raphael when using setViewBox
问题描述
我正在创建Raphael Web应用程序，以允许平移和缩放平面图。 这一切都很好，但是我似乎无法找出如何在界面上添加缩放不变的文本（或其他对象）。 用户平移/缩放时，一切都会缩放和移动。 我基本上希望HUD功能可以保持其位置/大小，即使用户平移/缩放也是如此。
我目前使用setViewBox缩放/平移
paper.setViewBox(x,y,newViewBoxWidth,newViewBoxHeight);
1 个解决方案
解决方案1
1 已采纳 2012-09-13 14:44:28
您的用户界面应放在平面图顶部的单独的Raphael纸中。
普通SVG允许嵌套SVG，但Raphael不允许嵌套，因为它必须提供VML后备。
当Raphael JS的setViewBox在FireFox中更改时，jQuery的position（）。left更改
[英]jQuery's position().left changing when Raphael JS's setViewBox changes in FireFox
如何计算SVG变换的旋转/缩放轴坐标（我正在使用Raphael.js）？
[英]How to compute rotation/scale pivot coordinates for SVG transformations (I'm using Raphael.js)?
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.