課程
/前端開發
/Html5
/Canvas繪圖詳解
當插入畫布的位置較大時,無論是上述代碼,還是將圓的半徑改大,都無法顯示;(網頁右側的藍色小球是金山詞霸的浮標);
當插入畫布位置為0時才會顯示;
而且插入的畫布無法重復,無論橫向還是縱向
請大神指教
2017-11-22
源自:Canvas繪圖詳解 5-3
正在回答
畫布大小與位置的問題,你可以F12看看你畫布的實際大小和位置,你實例化的坐標為50,50,半徑為48,你畫布從100,100開始肯定不行呀
weixin_慕婉清4309462
你的代碼中那行 “context.fillRect (0, 0, 100, 100)”
代表你在初始畫布上填充從 0 0 開始,寬高100的新畫布。
而你的新畫布就是寬高100,那一個新畫布就填滿你要填充的區域了。
試試把 fillRect 改成 (0, 0, canvas.widht, canvas.height)
慕函數5127544 提問者
舉報
Canvas系列教程第二課,詳解Canvas各接口,讓同學徹底掌握Canvas繪圖
4 回答不能實現在canvas中插入canvas
3 回答canvas居中的問題
2 回答關于CSS3和canvas的疑問
1 回答canvas在微信內置瀏覽器中的支持
1 回答canvas
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2018-05-03
畫布大小與位置的問題,你可以F12看看你畫布的實際大小和位置,你實例化的坐標為50,50,半徑為48,你畫布從100,100開始肯定不行呀
2017-11-22
你的代碼中那行 “context.fillRect (0, 0, 100, 100)”
代表你在初始畫布上填充從 0 0 開始,寬高100的新畫布。
而你的新畫布就是寬高100,那一個新畫布就填滿你要填充的區域了。
試試把 fillRect 改成 (0, 0, canvas.widht, canvas.height)