如何缩放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。

<div class="col-sm-8">
 <%= form.number_field :program_registration_cost, required: true, id: 'program_registration_cost', class: "form-control", step: "any" oninvalid: "this.setCustomValidity('Please don't put $ in front of amount')" oninput: "setCustomValidity('')" %>
</div>

有一个示例here

ScaleTitleTransform的默认比例为1.3。 您可以找到默认功能here