javascript - base64 toDataURL() もスケーリングされるようにキャンバスをスケーリングします

Question

Webページのスクリーンショットを保存するためのChrome拡張機能を構築しています。スクリーンショットをすべて HTML5 キャンバス要素にまとめました。

次に canvas.toDataURL('image/jpeg', 0.8); で画像を表示すると それは正常に動作します。

ただし、最初にコンテキストを取得してこれを使用して画像をスケーリングしようとすると、次のようになります。

var context = canvas.getContext('2d');
context.scale(.75,.75);

canvas.toDataURL('image/jpeg', 0.8);次に、画像をスケーリングなしの画像と同じサイズで出力します。私は何が欠けていますか？画像を拡大縮小するにはどうすればよいですか？

Answer 1

縮小したい場合<canvas>：

• <canvas>キャプチャしたい2番目の幅の希望の幅と高さを作成します

• https://developer.mozilla.org/en-US/docs/HTML/Canvas/Tutorial/Using_images#Scalingを使用して1 番目<canvas>から 2 番目を描画します(canvas は有効なソースです)<canvas>drawImage()

• 保存 2 番目<canvas>