我正在尝试在使用Backbone构建的移动应用程序中绘制画布,但问题是画布渲染两次,有时会失真。这是小提琴。需要解决此问题。
function drawTextAlongArc(context, str, centerX, centerY, radius, angle, position, adjustFactor){
context.save();
context.translate(centerX, centerY);
context.rotate((position-1)*45*Math.PI/180);
context.rotate(-1 * (angle / str.length) / 2);
context.rotate((adjustFactor-str.length)/(2*adjustFactor)*45*Math.PI/180);
for (var n = 0; n < str.length; n++) {
context.rotate(angle / str.length);
context.save();
context.translate(0, -1 * radius);
var char = str[n];
context.fillText(char, 0, 0);
context.restore();
}
context.restore();
}