fix(circleprogress): taro gradient color position error (#1371)

* fix: add new props

* docs: add drag international en-us

* fix: add drag 翻译

* fix: add demo

* fix: revise tabbar scss

* fix: doc修改

* fix: 国际化

* fix: ecard增加国际化

* fix: 修复渐变色

* fix: taro环形进度条修复

src/packages/__VUE/circleprogress/index.taro.vue

@@ -100,7 +100,7 @@ export default create({
       let offset = (perimeter * Number(format(parseFloat(progress.toFixed(1))))) / 100;
       const isWise = props.clockwise ? 1 : 0;
       const color = isObject(props.color) ? `url(%23${refRandomId})` : transColor(props.color);
-      let d = `M 50 50 m -45 0 a 45 45 0 1 ${isWise} 90 0  a 45 45 0 1 ${isWise} -90 0`;
+      let d = `M 50 50 m 0 -45 a 45 45 0 1 ${isWise} 0 90 a 45 45 0 1, ${isWise} 0 -90`;
       const pa = `%3Cdefs%3E%3ClinearGradient id='${refRandomId}' x1='100%25' y1='0%25' x2='0%25' y2='0%25'%3E${stopDom}%3C/linearGradient%3E%3C/defs%3E`;
       const path = `%3Cpath d='${d}' stroke-width='${strokeWidth}' stroke='${transColor(
         props.pathColor
@@ -110,9 +110,7 @@ export default create({
       return {
         background: `url("data:image/svg+xml,%3Csvg viewBox='0 0 100 100'  xmlns='http://www.w3.org/2000/svg'%3E${pa}${path}${path1}%3C/svg%3E")`,
         width: '100%',
-        height: '100%',
-        transform: 'rotate(90deg)',
-        transformOrigin: '50% 50%'
+        height: '100%'
       };
     });
     const format = (progress: string | number) => Math.min(Math.max(+progress, 0), 100);