国产成人精品久久免费动漫-国产成人精品天堂-国产成人精品区在线观看-国产成人精品日本-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
相關文章:
主站蜘蛛池模板: 一区二区三区在线免费看 | 欧美国产日韩在线观看 | 亚洲一区欧美一区 | 成人69视频在线观看免费 | 亚洲视频网站在线观看 | 91精品国产一区二区三区左线 | 日日a.v拍夜夜添久久免费 | 午夜黄色福利视频 | 亚洲一区免费在线观看 | 在线视频一区二区三区四区 | аⅴ资源天堂8在线 | www.日本在线观看 | 欧美日本综合一区二区三区 | 国产v欧美v日韩在线观看 | 成年女人在线观看片免费视频 | 香港三级日本三级三级人妇 | 国产午夜精品免费一二区 | 精品国产一区二区三区不卡 | 久久久亚洲精品国产 | 99热精品在线观看 | 久草观看视频 | 亚洲精品天堂在线观看 | 成人欧美日韩 | 毛片韩国 | 欧洲美女与男人做爰 | 全免费a级毛片免费看 | 精品国产杨幂在线观看福利 | 黄色免费在线观看视频 | 免费国产一级特黄久久 | 米奇888在线播放欧美 | 日本欧美中文 | 日韩二区三区 | 免费国产成人高清视频网站 | 成人亚洲精品7777 | 中国的毛片 | 在线免费亚洲 | 五月色婷婷琪琪综合伊人 | www久久com| 婷婷久久久五月综合色 | 无码孕妇孕交在线观看 | 久久国产免费 |