为什么我的原点不是中心点?而是左上角?
少了ctx.translate(r,r);
因为画布默认的起点实在左上角。使用translate()函数将中心移动到画布中心,参考w3c的canvas手册http://www.w3school.com.cn/tags/canvas_translate.asp