当我这样做
paper.setup(imageCanvas);
imageCanvas的宽度和高度从2048 * 1536变为681 * 511我试图通过调试它和
来理解代码_setViewSize: function(size) {
var element = this._element,
pixelRatio = this._pixelRatio,
width = size.width,
height = size.height;
element.width = width * pixelRatio;
element.height = height * pixelRatio;
if (pixelRatio !== 1) {
if (!PaperScope.hasAttribute(element, 'resize')) {
var style = element.style;
style.width = width + 'px';
style.height = height + 'px';
}
this._context.scale(pixelRatio, pixelRatio);
}
},
是通过将其乘以pixelRatio来改变元素大小的区域,这是0.3330000042915344。
有人能解释为什么paperjs会试图改变尺寸吗?
这太搞笑了!
我弄清楚为什么pixelRatio是0.333…这是因为我缩小了浏览器,因此它改变了画布的大小。