[英]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.