Html5 canvas Paper.js,原点位于中心的力笛卡尔坐标系
使用paper.js并热爱它。我想使用笛卡尔坐标系,而不是默认的“文档”样式的系统 当我使用纯js(不带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
$(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) );