【問題】アスペクト比を維持して画像を表示【JavaScript,Canvas】 - Qiita画像をアスペクト比を維持しながら引き延ばしてcanvasの中央に描画しなさい。 また、画像が表示されない箇所は黒く塗りつぶしなさい。 ※画像はcanvasとはアスペクト比が異なるものを用意してください。 解答例 function onLoadBody() { var ctx = document.getElementById('canvas').getContext('2d'), img = new Image(); img.src = "img/test1.png"; img.onload = function() { var canvasAspect = ctx.canvas.width / ctx.canvas.height, // canvasのアスペクト比 imgAspect = img.width / img.height, // 画像のアスペクト比 left, top, wi
applyとcallとbindのまとめ - Qiita
