Canvas在width和height發(fā)生變化時娩贷,會自動清空畫布纬乍,這就意味著在改變尺寸時碱茁,Canvas上會有短暫的白屏?xí)r間。但有的情況下仿贬,我們希望改變canvas尺寸但又不希望有白屏纽竣,這時候可以采取給canvas的style賦值,也就是說canvas上有兩套尺寸.
<canvas width="500" height="700" style="width: 300px;height:400px"></canvas>
style中的width和height是可以改變而不會引發(fā)畫布清空的诅蝶;而決定圖片質(zhì)量的是屬性width和height退个,這兩個屬性任一發(fā)生變化就會引發(fā)畫布清空。
總結(jié)就是调炬,如果我們想改變canvas的大小而不觸發(fā)畫布清空语盈,那就將canvas.width和canvas.height固定,使用canvas.style.width和canvas.style.height去調(diào)節(jié)大小缰泡。