如何在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