2020-05-25 Canvasteche项目真8k最开始时放大的倍数w=ctx.width：((w+76)/w)/(

teche项目

真8k

最开始时放大的倍数w=ctx.width：((w+76)/w)/(290/w),意义是开始和结束时，图片内容的宽度占屏幕的宽度的比值是多少

ctx.drawImage(
    imgOfReal,  // real8的图片
    38-window.dRate,    // 初始偏移量是 38,116 
    116-window.dRate*0.5,   // 0.5： real8的图片宽高之比是0.5 
    505+ 2*window.dRate, 
    265+ 2*window.dRate * 0.5, 
    0, 
    0, 
    ctx.width, 
    ctx.height
);

canvas的scale与save，store等

博客

canvas的scale操作的是坐标系的比例，scale的操作是结果叠加而非重置，例如

scale(2,2);
scale(1.5,1.5);
// 当前scale为(2 * 1.5, 2 * 1.5);