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

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

canvas rotate與translate

canvas rotate與translate

荼酒 2016-04-08 11:59:53
RT 。????ctx.rotate(-90*Math.PI/180);逆時針旋轉90度后如何移回來? ?? ctx.drawImage(img,0,0);//?????????????????????順時針旋轉180 ????????????????if(this.x>0){ ????????????????????ctx.rotate(180*Math.PI/180); ????????????????????ctx.translate(-this.x-this.w,-this.y-this.h); ????????????????????ctx.drawImage(img,0,0); ????????????????}
查看完整描述

3 回答

已采納
?
ruibin

TA貢獻358條經驗 獲得超213個贊

最主要的問題是,旋轉的時候圍繞的坐標點。想要實現想要的動畫,則需要矯正由于旋轉造成的位移問題。

查看完整回答
1 反對 回復 2016-04-08
?
A潛水的魚

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


先用ctx.save()保存畫布格式,操作完后,用ctx.restore()使畫布返回旋轉前的格式信息。

查看完整回答
反對 回復 2016-05-07
?
走向流沙

TA貢獻45條經驗 獲得超23個贊

rotate 旋轉,translate對象平移,你要移回來就設定動畫最終位置是不變的,整個動畫的過程,自己可以設置,參考CSS3的文檔(animation ? ?transform).

查看完整回答
反對 回復 2016-04-08
  • 3 回答
  • 0 關注
  • 2786 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

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

幫助反饋 APP下載

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

公眾號

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