Как изменить размер изображения до преобразования base64

В моем приложении на основе сенча я хочу, чтобы преобразовать изображение в base64, Перед тем, что я хочу, чтобы изменить размер оригинала one.Here код, который я использовал для преобразования base64Как изменить размер изображения до преобразования base64

function getBase64FromImageUrl(URL) 
{ 
var img = new Image(); 
img.style.width = '5%', 
img.style.height = '5%', 
img.src = URL; 
img.onload = function() 
{ 
    var canvas = document.createElement("canvas"); 
    canvas.width =this.width; 
    canvas.height =this.height; 
    var ctx = canvas.getContext("2d"); 
    ctx.drawImage(this, 10, 10); 
    var dataURL = canvas.toDataURL("image/jpg"); 
    if(App.gvars.userpic=='1') 
    { 
    cdd=dataURL.replace(/^data:image\/(png|jpg);base64,/, ""); 
    } 
    if(App.gvars.userpic=='2') 
    { 
    c=dataURL.replace(/^data:image\/(png|jpg);base64,/, ""); 
    } 
    } 
}

Как изменить размер или redimension изображения перед преобразованием? Я попытался с изменением img.style.width и hieght, но нет никаких изменений в all.Please помочь мне

источник

2013-10-08 ioseve

Пожалуйста, проверьте дополнительные необязательные параметры для DrawImage ... вы можете изменить размер изображения на холсте непосредственно при рисовании его. Полученный в результате dataURL будет отображать измененное изображение. И не забудьте уменьшить canvas.width и canvas.height соответственно – devnull69

@ devnull69 любые примеры? – ioseve

за предложение devnull69, в просто использовать DrawImage(), чтобы изменить размер изображение, когда вы добавляете его в холст.

См. API в W3Schools или MSDN.

Вы можете даже играть со значениями в прямом кодировании, например в Html5CanvasTutorials

источник

2013-10-08 18:59:05 arthurakay

Как изменить размер изображения до преобразования base64

ответ

Смежные вопросы