Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/maven/6.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html5 canvas Paper.js,原点位于中心的力笛卡尔坐标系_Html5 Canvas_Paperjs - Fatal编程技术网

Html5 canvas Paper.js,原点位于中心的力笛卡尔坐标系

Html5 canvas Paper.js,原点位于中心的力笛卡尔坐标系,html5-canvas,paperjs,Html5 Canvas,Paperjs,使用paper.js并热爱它。我想使用笛卡尔坐标系,而不是默认的“文档”样式的系统 当我使用纯js(不带paper.js)在画布上绘制时,我会执行如下转换(在$(document.ready())上): 但是按照paper.js在浏览器中的运行方式,这不起作用。 纸张中的视图对象有一个方法transform(),但是下面的代码抛出了一个错误,即使控制台的输出清楚地显示了视图对象: console.log(view); view.transform( new Matrix(1,0,0,-1,300

使用paper.js并热爱它。我想使用笛卡尔坐标系,而不是默认的“文档”样式的系统

当我使用纯js(不带paper.js)在画布上绘制时,我会执行如下转换(在
$(document.ready()
)上):

但是按照paper.js在浏览器中的运行方式,这不起作用。
纸张中的
视图
对象有一个方法
transform()
,但是下面的代码抛出了一个错误,即使控制台的输出清楚地显示了视图对象:

console.log(view);
view.transform( new Matrix(1,0,0,-1,300,300) );

// console output:
// CanvasView {_context: CanvasRenderingContext2D, _eventCou......
// Uncaught TypeError: view.transform is not a function
我想我需要在某个文档加载事件中调用
transform
?但我并没有在该论文的API中看到任何这样直接的事件


有没有一种简单的方法,一开始只需对整个视图应用一次线性变换,就可以得到笛卡尔坐标系?

解决了以下问题:

project.activeLayer.transform( new Matrix(1,0,0,-1,view.center.x, view.center.y) );
project.activeLayer.transform( new Matrix(1,0,0,-1,view.center.x, view.center.y) );