javascript - 如何在 paper.js 中调整光栅(图像)的大小？

Question

我已经使用 Paper.js 文档中的代码加载了一张图片。但我想更改图像大小。我不想缩放图像，而是为图像设置尺寸。有没有办法在 Paper.js 中设置图像的 width 和 height？

JS

var raster = new Raster({
    source: 'http://assets.paperjs.org/images/marilyn.jpg',
    position: view.center
});

Answer 1

Paper.js Raster 文档中默认没有这样的方法。不过，这不会阻止您添加自己的。您可以执行以下操作:

/**
 * Re-scales the Raster object to the new dimensions.
 * Method added to the Raster's prototype to easily
 * call it from the raster object itself.
 */
Raster.prototype.rescale = function(width, height) {
    this.scale(width / this.width, height / this.height);
};

var raster = new Raster({
    source: 'http://assets.paperjs.org/images/marilyn.jpg',
    position: view.center
});

raster.rescale(200, 100);

这是一个codepen有一个工作示例。