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