1

これは私のテストコードです: http://jsfiddle.net/Zx4fg/

円がキャンバス上で楕円形に見えるのはなぜですか?

Web カメラのスナップショットを画像に保存したいのですが、結果の画像の比率が維持されません。

私の実際のコードは次のとおりです。

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()));

そして、私はこのようになります：

4

1 に答える 1

5

問題はキャンバス スタイルにあります。HTML で幅と高さの属性を設定する必要があります。CSSにない

<canvas id="canvas" width="320" height="2400" style="border:1px solid #d3d3d3;">
于 2012-09-02T09:29:20.163 に答える