我的解决方案的一些关键时刻是：

• 使用qx.ui.embed.Html作为svg标记的 Package 器
• 使用qx.ui.container.Scroll使容器或微件可滚动
• 使用微件的属性minWidth和minHeight停止减小其大小
• markup中的根SVG元素具有可缩放的宽度和高度（在本例中为100%）
• 通过属性allowShrinkX: false和allowShrinkY: false关闭SVG容器（qx.ui.embed.Html）的收缩

下面的代码包含了上面提到的所有内容：

const win = new qx.ui.window.Window();
win.setLayout(new qx.ui.layout.Grow());

const svg = '<svg width="100%" height="100%"><circle cx="50%" cy="50%" r="50%" stroke="black" stroke-width="3" fill="red" /></svg>';
const svgWidget = new qx.ui.embed.Html(svg);
svgWidget.set({allowShrinkX: false, allowShrinkY: false, minWidth: 200, minHeight: 200});

const scroller = new qx.ui.container.Scroll().set({width: 300, height: 300, decorator: "main", padding: 5});
scroller.add(svgWidget, {width: "100%", height: "100%"});
win.add(scroller);

win.open();

const doc = this.getRoot();
doc.add(win,
{
  left : 100,
  top  : 50
});