Как мне масштабировать размер значков SVG в wheelnav.js? - PullRequest
Новая
       36

Как мне масштабировать размер значков SVG в wheelnav.js?

0 голосов
/ 24 марта 2019

Можно ли масштабировать размер значков, используемых в каждом сегменте колеса, на основе точки останова (т. Е. 1024 и более)?

например: 

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

Имеюэто отлично работает для моих требований, и это последнее препятствие:)

enter image description here

Обновлен с решением на основе ответа (решил сделать иконки меньшекак более низкие разрешения, чтобы сохранить точность): 

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";
}

1 Ответ

1 голос
/ 26 марта 2019

Для этого вы можете использовать ScaleTitleTransform. 

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

Вот пример здесь

Масштаб по умолчанию для ScaleTitleTransform составляет 1,3. Вы можете найти функцию по умолчанию здесь

...