繁体   English   中英

Paper.js,以原点为中心的直角坐标系

[英]Paper.js, force Cartesian coordinate system with origin at center

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

当我在带有普通js(没有paper.js)的画布上绘画时,我强制执行以下转换(在$(document).ready() ):

ctx = canvas.getContext("2d");
ctx.scale(1, -1);
ctx.translate(0, (-canvas.height/2));

但是通过paper.js在浏览器中运行的方式,这是行不通的。
本文中的view对象具有方法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) );

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM