如何调整

Question

在我基础煎茶应用程序，我想将图像转换为base64，base64相互转换前的图像，在此之前，我要调整原有one.Here我都用为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无变化帮我

Answer 1

每devnull69的建议，简单地使用的drawImage（）调整将图像添加到画布中时的图像。

请参阅API W3Schools或MSDN。

您可以在实时编码例的值在Html5CanvasTutorials