大家好，
我想請問大家都是怎麼動態改變canvas的比例呢?
像是我有一個chart.js的長條圖，在初始值，就先給個比例
var canvas = document.getElementById("myChart");
canvas.width = 100;
canvas.height = 30;
但是手機版時，如果還維持100:30的比例，圖就會擠在一起，如下圖
所以我想監控螢幕大小，隨螢幕大小去改變比例，
像是使用瀏覽器縮放時，可以從電腦版(100:30)縮放成手機版(100:100)。
然後再從手機版縮放，又能回到電腦版的比例。
但好像沒那麼方便去更改。
還要先清除原本的畫布，再創建新的畫布。
如果是用瀏覽器，要不斷清除跟創建，好像又會遇到id衝突的問題?
想請問有甚麼比較方便的方法呢?
目前我是直接放兩個圖，一個hidden，一個display..
已邀請的邦友 {{ invite_list.length }}/5
可使用%。
canvas.width = '100%';
canvas.height = '100%';
iThome鐵人賽
看影片追技術