畫布圖像：如何保持比例

這是我的測試代碼：http://jsfiddle.net/Zx4fg/畫布圖像：如何保持比例

爲什麼圓的樣子畫布上的橢圓形？

我想從網絡攝像頭保存快照到圖像，但生成的圖像不保持比例。

我真正的代碼是：

ctx.drawImage(video,0,0, 300, 150); // 300х150 - with this prop. image 
            //from webcam on canvas with true proportions 
$('body').append($('<img>').attr('src', canvas.toDataURL()));

而且我得到這樣的：

來源

2012-09-02 Nikoole

的問題是在畫布上的造型，U應設置在HTML其寬度和高度屬性。不在CSS

<canvas id="canvas" width="320" height="2400" style="border:1px solid #d3d3d3;">

來源

2012-09-02 09:29:20

法蒂瑪，我從來沒有猜到嘗試這個選項。非常感謝！ – Nikoole

任何想法，如果這是將被修復的東西。看起來稍微有些HTML5必須將尺寸作爲元素屬性包含在內。 – nmyster

@FatimaZohra你可以看看這裏http://stackoverflow.com/questions/33239288/html5-crazy-canvas-drawimage-sizing –

畫布圖像：如何保持比例

回答

相關問題