亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

關于canvas實現放大鏡效果

關于canvas實現放大鏡效果

又一個老白 2016-07-12 15:52:56
使用canvas實現了放大鏡效果先畫張圖片到img上在鼠標on 和move 于canvas時實現放大鏡效果,可以借助于離屏canvas當鼠標on 和move于canvas時,將鼠標所在地址(x,y)作為正方形的中心,并將正方形區域內的像素數據放置到離屏canvas中,然后將離屏canvas放置于canvas對應位置,放置時使這部分的像素數據放大一定倍數。此處,為了方便,可以將離屏canvas的大小設置為與正方形的大小一致根據以上步驟也實現了放大效果,我現在的疑問是,如何實現一個圓形的放大鏡呢, 離屏canvas 的形狀只能是矩形的,putImageData() 和 drawImage()也都只能放置 獲取矩形區域內的像素數據,,所以,圓形的放大鏡該如何實現呢?
查看完整描述

2 回答

?
慕函數0883431

TA貢獻4條經驗 獲得超1個贊

canvas 有一個clip 方法,可以用來剪切畫布中任意形狀和尺寸;剪出來放到 arc()畫出的圓圈中

查看完整回答
反對 回復 2016-07-13
  • 2 回答
  • 3 關注
  • 2282 瀏覽

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號