課程
/前端開發(fā)
/Html5
/炫麗的倒計時效果Canvas繪圖與動畫基礎(chǔ)
為什么內(nèi)聯(lián)方式可以指定canvas畫布的分辨率,而css文件不可以呢
2017-03-13
源自:炫麗的倒計時效果Canvas繪圖與動畫基礎(chǔ) 2-1
正在回答
<canvas> 看起來和 <img> 元素很相像,唯一的不同就是它并沒有 src 和 alt 屬性。實際上,<canvas>標(biāo)簽只有兩個屬性—— width和height。這些都是可選的,并且同樣利用 DOM properties來設(shè)置。當(dāng)沒有設(shè)置寬度和高度的時候,canvas會初始化寬度為300像素和高度為150像素。該元素可以使用CSS來定義大小,但在繪制時圖像會伸縮以適應(yīng)它的框架尺寸:如果CSS的尺寸與初始畫布的比例不一致,它會出現(xiàn)扭曲。
注意: 如果你繪制出來的圖像是扭曲的, 嘗試在<canvas>的屬性中明確規(guī)定寬和高,而不是使用CSS。
????????使用css設(shè)置畫布的大小會導(dǎo)致畫布按比例縮放你設(shè)置的值。(css只是設(shè)置canvas在屏幕的顯示大小)
我知道講過,老師說css文件只能設(shè)置大小不能指定畫布分辨率,但是內(nèi)聯(lián)樣式的話就可以 我想知道這里面的具體區(qū)別是怎么工作的?
首先,css樣式是可以指定canvas畫布的大小的,但是和實際大小有一定的區(qū)別差異,故w3c官方推薦的是用標(biāo)簽屬性規(guī)定大小.這在課程前面就講到過.同學(xué)可以倒回去看下。
慕粉4385650 提問者
qq_不要放棄_0 回復(fù) 慕粉4385650 提問者
慕粉4385650 提問者 回復(fù) qq_不要放棄_0
舉報
學(xué)習(xí)HTML5中最激動人心的技術(shù)Canvas,徹底釋放自己的創(chuàng)造力
2 回答外部css樣式也不能加單位嗎?如下demo
1 回答時鐘秒數(shù)的變化速率和系統(tǒng)時間的變化速率不一致
1 回答求大神指教,為什么我這個定時器不起作用呢?
2 回答定時器不動~
2 回答彩色小球不分散???
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網(wǎng)安備11010802030151號
購課補(bǔ)貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動學(xué)習(xí)伙伴
掃描二維碼關(guān)注慕課網(wǎng)微信公眾號
2018-08-03
<canvas> 看起來和 <img> 元素很相像,唯一的不同就是它并沒有 src 和 alt 屬性。實際上,<canvas>
標(biāo)簽只有兩個屬性—— width和height。這些都是可選的,并且同樣利用 DOM properties
來設(shè)置。當(dāng)沒有設(shè)置寬度和高度的時候,canvas會初始化寬度為300像素和高度為150像素。該元素可以使用CSS來定義大小,但在繪制時圖像會伸縮以適應(yīng)它的框架尺寸:如果CSS的尺寸與初始畫布的比例不一致,它會出現(xiàn)扭曲。
注意: 如果你繪制出來的圖像是扭曲的, 嘗試在<canvas>的屬性中明確規(guī)定寬和高,而不是使用CSS。
????????使用css設(shè)置畫布的大小會導(dǎo)致畫布按比例縮放你設(shè)置的值。(css只是設(shè)置canvas在屏幕的顯示大小)
2017-03-14
我知道講過,老師說css文件只能設(shè)置大小不能指定畫布分辨率,但是內(nèi)聯(lián)樣式的話就可以 我想知道這里面的具體區(qū)別是怎么工作的?
2017-03-14
首先,css樣式是可以指定canvas畫布的大小的,但是和實際大小有一定的區(qū)別差異,故w3c官方推薦的是用標(biāo)簽屬性規(guī)定大小.這在課程前面就講到過.同學(xué)可以倒回去看下。