0
URLから画像をダウンロードし、サーバーサイドスクリプトを使用せずにjqueryを使用して物理的に画像のサイズを変更することはできますか? 私は多くの検索をしましたが、解決策は見つかりませんでした。jqueryを使用してイメージのサイズを変更できますか?
URLから画像をダウンロードし、サーバーサイドスクリプトを使用せずにjqueryを使用して物理的に画像のサイズを変更することはできますか? 私は多くの検索をしましたが、解決策は見つかりませんでした。jqueryを使用してイメージのサイズを変更できますか?
あなたがダウンロードのために必要がある場合は、あなたが好きなようにキャンバスとサイズの画像にこの
HTML
<canvas id="c" width="200" height="150"></canvas>
<a id="download">Download as image</a>
javascriptの
// Grab the Canvas and Drawing Context
var canvas = document.getElementById('c');
var ctx = canvas.getContext('2d');
// Create an image element
var img = document.createElement('IMG');
// Specify the src to load the image
img.setAttribute('crossOrigin', 'anonymous');
img.src = "http://i.imgur.com/adB2oag.png";
// When the image is loaded, draw it
img.onload = function() {
ctx.drawImage(img, 0, 0, img.width, img.height, 0, 0, canvas.width, canvas.height);
}
function downloadCanvas(link, canvasId, filename) {
link.href = document.getElementById(canvasId).toDataURL();
link.download = filename;
}
document.getElementById('download').addEventListener('click', function() {
downloadCanvas(this, 'c', 'test.png');
}, false);
プット画像のようなキャンバスを使用して、としてキャンバスをダウンロードすることができます画像
これから試すことができますjsFiddle
「物理的に」画像のサイズを変更するとはどういう意味ですか?そのようなプロセスの出力が、画面に、ローカルファイルに、またはサーバーに戻ってくる場所はどこですか? – nnnnnn
[Jquery resizing image]の複製が可能です(http://stackoverflow.com/questions/1143517/jquery-resizing-image) – abhishek
「物理的に」サイズを変更すると、ローカルでイメージをダウンロードしたいと考えて、新しいイメージを作成したいサイズ。たとえば、サイズが1 MBの画像をダウンロードした場合、そのサイズを200 KBに縮小したいと考えています。 –