安卓

ios

drawCircle(x, w, step, from, to) {
			var gradient = ctx.createLinearGradient(0, 0, 260, 260);
			gradient.addColorStop('0', from);
			gradient.addColorStop('1.0', to);
			ctx.setLineWidth(w);
			ctx.setStrokeStyle(gradient);
			ctx.setLineCap('round');
			ctx.beginPath();
			ctx.arc(x, x, x - w, -Math.PI / 2, step * Math.PI - Math.PI / 2, false);
			ctx.stroke();
		},
		drawText(x, title, titlefontSize) {
			ctx.beginPath();
			ctx.setFontSize(16);
			ctx.setFillStyle('#000000');
			ctx.fillText('爱吃是', 65 - 16, 65);
			ctx.closePath();
			ctx.stroke();
		},
this.drawCircle(65, 12, this.count / 100, '#ff6500', '#ff023a');
this.drawText();

先drawCircle后drawText就会在ios上出现这样的问题

最后使用样式曲线救国的方式, 去除drawText，使用css绝对定位的方式解决的问题