首页 > 图片转canvas等比例缩放

图片转canvas等比例缩放

我有一张图片转为canvas,怎样让他等比例缩入显示原图??

var canvas = document.createElement('canvas');
                canvas.height = 400;
                canvas.width = 400;
                $(".piclistbox").append("<div class='leftbox'></div>");
                $(".leftbox").html(canvas);
                
            var ctx = canvas.getContext('2d');
            
            var img = new Image();
            img.src = picUrl;//图片url
            img.onload = function(){
                ctx.drawImage(img,0,0);
            }


要保证canvas的css样式的宽高比和canvas渲染内容本身的宽高比是一致的


HTML5 canvas drawImage

context.drawImage(img,sx,sy,swidth,sheight,x,y,width,height);

【热门文章】
【热门文章】