canvas插入图片后的transform操作与手画轨迹操作关联问题

Question

• canvas插入图片以后, 需要进行旋转放大等操作, 在操作后的基础上会进行手画记录轨迹, 问题是旋转放大操作会改变原有坐标, 手画也需要记录坐标绘出轨迹, 这两个坐标不重叠,导致放大或者旋转后手画不到触点位置, 不知道怎么解决

• 是不是因为手画时用的touchmove事件获取到的始终是屏幕坐标的原因, 有没有获取到canvas的左上角为原点坐标的方法

• 难道必须要使用缩放旋转后得到相应的转换关系, 手画touch事件的时候再加上转换后的值这样的方法? 但是这样的话 旋转是以中心点旋转坐标系 touch获取坐标是以左上角为原点的坐标系 
  再加上缩放转换起来岂不是很麻烦

Answer 1

记录放大状态和倍数，在计算手画位置时，用这个倍数进行相应计算。

Answer 2

把你对应的canvas坐标系放大你做的transform操作对应的都转换到坐标系的转化上