Javascript Paper.js更改图层坐标起点

Javascript Paper.js更改图层坐标起点,javascript,paperjs,Javascript,Paperjs,各位 是否可以在paper.js中从左上角更改图层起始坐标位置? 用例:我把图像放在底层,在顶层画一些东西。图像可以缩放和移动。我需要在图像坐标系中获得绘制路径点坐标。我想将我的绘图图层坐标开始设置为图像左上角点,然后移动它,然后进行图像缩放/移动 我尝试这样做: var layer = new Layer(); project.activeLayer.setName("DrawingStuff"); project.activeLayer.setPosition(paperjs.project

各位

是否可以在paper.js中从左上角更改图层起始坐标位置? 用例:我把图像放在底层,在顶层画一些东西。图像可以缩放和移动。我需要在图像坐标系中获得绘制路径点坐标。我想将我的绘图图层坐标开始设置为图像左上角点,然后移动它,然后进行图像缩放/移动

我尝试这样做:

var layer = new Layer();
project.activeLayer.setName("DrawingStuff");
project.activeLayer.setPosition(paperjs.project.view.center);
project.activeLayer.bounds.x = 300;
project.activeLayer.bounds.y = 300;
project.activeLayer.bounds.width = raster.width;
project.activeLayer.bounds.height = raster.height;
但这是不可行的。名称已设置,但边界和位置仍然为空

我将非常感谢你的建议


另外,我知道我可以重新计算从画布坐标系到图像坐标系的路径点,但我想尝试更改图层坐标起点,使用当前坐标系和更改项目的
视图的
缩放
中心
属性会更容易。查看main.js中缩放工具背后的代码,网址为:

var lastPoint;
var body = $('body');
zoomTool = new Tool({
    buttonClass: 'icon-zoom'
}).on({
    mousedown: function(event) {
        if (event.modifiers.space) {
            lastPoint = paper.view.projectToView(event.point);
            return;
        }
        var factor = 1.25;
        if (event.modifiers.option)
            factor = 1 / factor;
        paper.view.zoom *= factor;
        paper.view.center = event.point;
    },

    ...

    mousedrag: function(event) {
        if (event.modifiers.space) {
            body.addClass('zoom-grab');
            // In order to have coordinate changes not mess up the
            // dragging, we need to convert coordinates to view space,
            // and then back to project space after the view space has
            // changed.
            var point = paper.view.projectToView(event.point),
                last = paper.view.viewToProject(lastPoint);
            paper.view.scrollBy(last.subtract(event.point));
            lastPoint = point;
        }
    },
    ...
});