国产成人精品久久免费动漫-国产成人精品天堂-国产成人精品区在线观看-国产成人精品日本-a级毛片无码免费真人-a级毛片毛片免费观看久潮喷

您的位置:首頁技術文章
文章詳情頁

javascript - 關于canvas旋轉

瀏覽:128日期:2023-04-30 14:39:09

問題描述

$('#bt-lottery').one('click',function(){ var reg=1; setInterval(function(){ctx.save();ctx.translate(249.5,249.5);//將原點移動到畫布中心ctx.rotate(reg*Math.PI/180);ctx.clearRect(-pin.width/2,-pin.height/2,pin.width,pin.height);ctx.drawImage(pin,-pin.width/2,-pin.height/2);ctx.restore();reg++; },5);});

我想要實現指針(pin.png)在轉盤上(pan.png)旋轉的功能,但是如果ctx.clearRect();就會出現javascript - 關于canvas旋轉如圖的情況;我想要的結果是javascript - 關于canvas旋轉,該怎么實現呢??求教

問題解答

回答1:

因為信息不足,我只能給出我的判斷。

png不是透明的,這概率很小

你分成了兩個canvas,但帶指針的那個canvas有背景色,概率同樣很小

代碼問題:

setInterval(function(){ ctx.clearRect(0,0,canvas.width,canvas.height); //這里你需要繪制背景圖片(轉盤),或者將轉盤作為離屏canvas分離出去(因為轉盤不會變動),只繪制指針。 ---我猜你缺少了這一步。。 ctx.save(); ctx.translate(249.5,249.5);//將原點移動到畫布中心 //ctx.clearRect(-pin.width/2,-pin.height/2,pin.width,pin.height);至于為什么清理出來的區域是個圓形跟你代碼執行的順序有關,先旋轉后清理和先清理后旋轉是不一樣的。 ctx.rotate(reg*Math.PI/180); ctx.drawImage(pin,-pin.width/2,-pin.height/2); ctx.restore(); reg++;},5);

標簽: JavaScript
相關文章:
主站蜘蛛池模板: 亚洲综合伦理一区 | 亚洲天堂手机在线 | 国产一区中文字幕在线观看 | 久久久久国产午夜 | 国产一区国产二区国产三区 | 欧美一区二区三区四区在线观看 | 国产精品午夜性视频网站 | 亚洲一区二区中文 | 国产成人午夜极速观看 | 欧美日韩在线观看一区 | 不卡一区在线观看 | 久久国产精品一国产精品 | 欧美一级久久久久久久久大 | 九九全国免费视频 | 亚洲国产第一区二区三区 | 国产成人精品男人的天堂网站 | 久久精品在 | 美国aaaa一级毛片啊 | 一区二区精品在线 | 一级毛片真人免费播放视频 | 国产精品久久久久国产精品三级 | 美女网站在线 | 韩国免费毛片在线看 | 成人合成mv福利视频网站 | 国产高清在线观看视频手机版 | 人碰人碰人成人免费视频 | 亚洲一级毛片免费在线观看 | 精品视频一区二区三区四区 | 欧美人成在线 | 欧美日韩精品一区二区另类 | 亚洲欧美视频 | 国产高清晰在线播放 | 国产 日韩 欧美 在线 | 欧美一级色 | 午夜欧美性欧美 | 国产成人亚洲综合无 | 三a大片| 久草视频在线免费看 | 毛片免费高清免费 | 精品久久久久久中文字幕一区 | 又黄又骚 |