sx,sy,dx,dy不理解
drawMagnifier(point)中
??? var sx = image_lg_xc - radius;
??? var sy = image_lg_yc - radius;
??? var dx = point.x - radius;
??? var dy = point.y - radius;
這四句話不理解，可以幫我解答一下嗎？
qq_奮斗的我_03498945
2016-12-21
2 回答
舉報
0/150
提交
取消
2017-09-21
關(guān)于canvas的sx,sy理解，理解了這個后就理解dx,dy:
用戶在第一個canvas上點擊獲得一個位置ux,uy。
需要在第二個canvas獲得sx,sy，
需要理解你要在第二個canvas 中獲取一個區(qū)域，這個區(qū)域大小就是2倍的mr,那么這個mr的左上角坐標怎么獲得，就是sx=ux*scale-mr,寬度就是2*mr
在第一個canvas顯示這個放大鏡
? ? ?context.drawImage(第二個canvas,sx,sy,2*mr,2*mr,dx,dy,2*mr,2*mr)
2016-12-27
所謂放大，就是將大圖相應(yīng)位置的區(qū)域（注意，這個區(qū)域和放大鏡大小相同）摳出來顯示在放大鏡中即可。所以，只要根據(jù)放大倍數(shù)和放大鏡中心點，去大圖中找到匹配點，然后以這個點為中心，摳一個放大鏡大小的圖。這就是為什么找起始點都是減去 radius 的原因。