JCanvas：如何获得图像的大小？答案

【问题标题】：JCanvas: How do I get the size of an Image?JCanvas：如何获得图像的大小？
【发布时间】：2016-12-01 16:54:46
【问题描述】：

我画了这样一张图：

$("canvas").drawImage({
        x: 0,
        y: 0,
        source: src,
        draggable: true,
        layer: true,
        name: "image",
        fromCenter: false,
    }
});

图像按应有的方式显示。它比屏幕大，我想绘制一个小得多的矩形（0.05 倍），其边与原始图像成比例。如何检索上图的宽度和高度？

我试过了：

var imageWidth = $("canvas").getLayer("image").width;
var imageHeight = $("canvas").getLayer("image").height;

但是alert($("canvas").getLayer("image").width); 返回null。我也试过了：

var imageWidth = $("canvas").getCanvasImage.width;
var imageHeight = $("canvas").getCanvasImage.height;

但是alert($("canvas").getCanvasImage.width); 返回undefined。

【问题讨论】：

我不知道这个库，但是和他们的游乐场玩了一下，似乎你可以在load事件参数下检索它，如果没有设置宽度和高度选项，在 sWidth 下和传递参数的 sHeight 属性。听起来很奇怪，但当您设置宽度和高度选项时它会消失，我可能不会再深入这个库了；-)
Ps：这里是playground I used的链接
是的，你是对的。我必须等待图像加载完成，然后才能检索其属性。谢谢！

标签： javascript jcanvas

【解决方案1】：

您可以使用下面的语句来获取画布图像的高度和宽度

var imageWidth = $("canvas").width();
var imageHeight = $("canvas").height();

【讨论】：

这将返回画布元素的计算宽度和高度，而不是图像的宽度和高度