sp-image-editor
Version:
React component version of filerobot image editor (FIE).
1 lines • 794 B
JavaScript
import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import React,{useState,useEffect}from"react";import{Arc,Group}from"react-konva";var KonvaSpinner=function(a){var b=a.x,c=void 0===b?100:b,d=a.y,e=void 0===d?100:d,f=a.radius,g=void 0===f?30:f,h=a.strokeWidth,i=void 0===h?6:h,j=a.color,k=void 0===j?"#1d72b8":j,l=a.segmentAngle,m=void 0===l?270:l,n=a.speed,o=void 0===n?4:n,p=useState(0),q=_slicedToArray(p,2),r=q[0],s=q[1];return useEffect(function(){var a,b=function(){s(function(a){return(a+o)%360}),a=requestAnimationFrame(b)};return b(),function(){return cancelAnimationFrame(a)}},[o]),React.createElement(Group,{x:c,y:e,rotation:r},React.createElement(Arc,{x:0,y:0,innerRadius:g-i,outerRadius:g,angle:m,stroke:k,strokeWidth:i,lineCap:"round"}))};export default KonvaSpinner;