課程
/前端開發(fā)
/Html5
/Canvas繪圖詳解
移動端用canvas 主要用rem單位 各個坐標點拿捏不準? 失之毫厘 差之千里 ...? 還有就是毛邊問題 很頑固..
2016-01-05
源自:Canvas繪圖詳解 6-3
正在回答
http://segmentfault.com/a/1190000003502824
用最原始的百分比布局就可以:
//獲取屏幕的寬度var ?clientWidth = document.documentElement.clientWidth;//根據(jù)設(shè)計圖中的canvas畫布的占比進行設(shè)置var canvasWidth = Math.floor(clientWidth*200/720);
canvas.setAttribute('width',canvasWidth+'px');canvas.setAttribute('height',canvasWidth+'px');//translate方法也可以直接傳入像素點坐標
鏈接里有詳細說明,希望可以幫到你
用戶1155536 提問者
初竹殤
200和720是分別代表什么意思呀
200和720是分別代表什么意思呀?
舉報
Canvas系列教程第二課,詳解Canvas各接口,讓同學徹底掌握Canvas繪圖
1 回答用canvas 劃線 畫圓弧 周邊毛糙感特嚴重 比如下面的各個扇形的邊.. 求解答 3Q
1 回答canvas 動畫曲線
3 回答畫布重疊 兩個canvas怎么重疊在一起
2 回答canvas畫一條線應該怎么加事件呢?
5 回答鼠標點擊在畫布上移動,隨鼠標軌跡周圍畫星星,呵呵
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網(wǎng)安備11010802030151號
購課補貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動學習伙伴
掃描二維碼關(guān)注慕課網(wǎng)微信公眾號
2016-01-07
http://segmentfault.com/a/1190000003502824
用最原始的百分比布局就可以:
//獲取屏幕的寬度var ?clientWidth = document.documentElement.clientWidth;//根據(jù)設(shè)計圖中的canvas畫布的占比進行設(shè)置var canvasWidth = Math.floor(clientWidth*200/720);
canvas.setAttribute('width',canvasWidth+'px');
canvas.setAttribute('height',canvasWidth+'px');//translate方法也可以直接傳入像素點坐標
鏈接里有詳細說明,希望可以幫到你