FlexGridXlsxConverter.saveAsync 사용시 애니메이션 멈춤 현상

VueJS FlexGridXlsxConverter.saveAsync 사용시 애니메이션 멈춤 현상

추천0 비추천 0

페이지 정보

작성자 liilililil

작성일 2023-10-04 17:00 조회 256회 댓글 1건

검색

제품 버전 : 5.20221.857

컨트롤 이름 : FlexGridXlsxConverter

본문

관련링크

안녕하세요.

FlexGridXlsxConverter.saveAsync

위 함수 사용시, animate 태그가 멈춰버리는 현상이 발생합니다.

하단 코드 참고 부탁드립니다.

감사합니다.

    


//많은 데이터 save. 오래 걸린다고 가정. 
 FlexGridXlsxConverter.saveAsync(
          grid,
          {
            includeColumnHeaders: true,
            includeStyles: true,
          },
          fileName); 




//엑셀 다운하는 동안, 아래의 animate가 작동을 멈춰버림. 

<body>
    <svg class="q-spinner q-loading__spinner" width="70" height="70" stroke="currentColor" fill="currentColor" viewBox="0 0 64 64">
      <g stroke-width="4" stroke-linecap="round">
        <line y1="17" y2="29" transform="translate(32,32) rotate(180)">
          <animate
            attributeName="stroke-opacity"
            dur="750ms"
            values="1;.85;.7;.65;.55;.45;.35;.25;.15;.1;0;1"
            repeatCount="indefinite"
          ></animate>
        </line>
        <line y1="17" y2="29" transform="translate(32,32) rotate(210)">
          <animate
            attributeName="stroke-opacity"
            dur="750ms"
            values="0;1;.85;.7;.65;.55;.45;.35;.25;.15;.1;0"
            repeatCount="indefinite"
          ></animate>
        </line>
        <line y1="17" y2="29" transform="translate(32,32) rotate(240)">
          <animate
            attributeName="stroke-opacity"
            dur="750ms"
            values=".1;0;1;.85;.7;.65;.55;.45;.35;.25;.15;.1"
            repeatCount="indefinite"
          ></animate>
        </line>
        <line y1="17" y2="29" transform="translate(32,32) rotate(270)">
          <animate
            attributeName="stroke-opacity"
            dur="750ms"
            values=".15;.1;0;1;.85;.7;.65;.55;.45;.35;.25;.15"
            repeatCount="indefinite"
          ></animate>
        </line>
        <line y1="17" y2="29" transform="translate(32,32) rotate(300)">
          <animate
            attributeName="stroke-opacity"
            dur="750ms"
            values=".25;.15;.1;0;1;.85;.7;.65;.55;.45;.35;.25"
            repeatCount="indefinite"
          ></animate>
        </line>
        <line y1="17" y2="29" transform="translate(32,32) rotate(330)">
          <animate
            attributeName="stroke-opacity"
            dur="750ms"
            values=".35;.25;.15;.1;0;1;.85;.7;.65;.55;.45;.35"
            repeatCount="indefinite"
          ></animate>
        </line>
        <line y1="17" y2="29" transform="translate(32,32) rotate(0)">
          <animate
            attributeName="stroke-opacity"
            dur="750ms"
            values=".45;.35;.25;.15;.1;0;1;.85;.7;.65;.55;.45"
            repeatCount="indefinite"
          ></animate>
        </line>
        <line y1="17" y2="29" transform="translate(32,32) rotate(30)">
          <animate
            attributeName="stroke-opacity"
            dur="750ms"
            values=".55;.45;.35;.25;.15;.1;0;1;.85;.7;.65;.55"
            repeatCount="indefinite"
          ></animate>
        </line>
        <line y1="17" y2="29" transform="translate(32,32) rotate(60)">
          <animate
            attributeName="stroke-opacity"
            dur="750ms"
            values=".65;.55;.45;.35;.25;.15;.1;0;1;.85;.7;.65"
            repeatCount="indefinite"
          ></animate>
        </line>
        <line y1="17" y2="29" transform="translate(32,32) rotate(90)">
          <animate
            attributeName="stroke-opacity"
            dur="750ms"
            values=".7;.65;.55;.45;.35;.25;.15;.1;0;1;.85;.7"
            repeatCount="indefinite"
          ></animate>
        </line>
        <line y1="17" y2="29" transform="translate(32,32) rotate(120)">
          <animate
            attributeName="stroke-opacity"
            dur="750ms"
            values=".85;.7;.65;.55;.45;.35;.25;.15;.1;0;1;.85"
            repeatCount="indefinite"
          ></animate>
        </line>
        <line y1="17" y2="29" transform="translate(32,32) rotate(150)">
          <animate
            attributeName="stroke-opacity"
            dur="750ms"
            values="1;.85;.7;.65;.55;.45;.35;.25;.15;.1;0;1"
            repeatCount="indefinite"
          ></animate>
        </line>
      </g>
    </svg>
  </body>