데이터 - 백분율 속성 변경시 CSS 전환

Question

원형 진행률 표시 줄을 만드는 코드를 찾았으며 클릭 수를 1에서 다른 숫자로 증가 시키려면 조금 변경했습니다. 나중에 나는 영상 효과를 추가하고 싶어하지만, 전환없이 진행 표시 줄 변경

-moz-transition: all 1s ease-in-out; 
-webkit-transition: all 1s ease-in-out; 
-o-transition: all 1s ease-in-out; 
transition: all 1s ease-in-out; 

http://jsfiddle.net/Aapn8/8362/

누군가가 어떻게 전환 작업을 만드는 아이디어가 작동하지 않는 것?

Answer 1

@ user1850903으로 "캐스 케이 딩 스타일 시트 (CSS)는 마크 업 언어로 작성된 문서 의 프리젠 테이션을 설명하는 데 사용되는 스타일 시트 언어입니다" 쓴 - 그런 식으로 전환이 작동하지 않습니다. 그렇게하기 위해 주위에 방법이

http://jsfiddle.net/3j0vxx77/17/

Answer 2

당신의 drawCircle 기능은 캔버스를 사용하며 CSS의 영향을받지 않습니다. CSS는 html 태그에만 적용되며 캔버스에 표시되는 선에는 적용되지 않습니다. WIKI에서

인용구 :

https://en.wikipedia.org/wiki/Cascading_Style_Sheets