如何在 wheelnav.js 中缩放 SVG 的图标大小？

Question

是否可以根据断点（即 1024 及以上）缩放每个轮子段中使用的图标的大小？

例如：

if(window.innerWidth >= 1024){
 // wheel.sliceTransformCustom = makeIconsBigger!
}

我的要求非常好，这是最后一个障碍:)

更新了基于答案的解决方案（决定使图标变小以降低分辨率以保持保真度）：

if(window.innerWidth < 1024){     
      wheel.sliceTransformFunction = sliceTransform().CustomTitleTransform;      
      wheel.sliceTransformCustom = new sliceTransformCustomization();    
      wheel.sliceTransformCustom.scaleString = "s0.65";

      wheel.sliceSelectedTransformFunction = sliceTransform().CustomTitleTransform;
      wheel.sliceSelectedTransformCustom = new sliceTransformCustomization();    
      wheel.sliceSelectedTransformCustom.scaleString = "s0.65";
}

Answer 1

您可以为此使用 ScaleTitleTransform。

if(window.innerWidth >= 1024){
   wheel.sliceTransformFunction = sliceTransform().ScaleTitleTransform;
}

有个例子here

ScaleTitleTransform 默认比例为 1.3。可以找到默认函数here

如何在 wheelnav.js 中缩放 SVG 的图标大小？

How do I scale the icon size of SVGs in wheelnav.js?

wheelnav.js