输入更改时绘制形状

时间:2018-09-27 00:10:13

标签: events electron paperjs

我正在学习blasting electronic / node.js。我正在尝试使用paper.js将字符串“编码”为图像,有点...

我正在使用这样的“ paperscript”文件:

<script type="text/paperscript" src="mainCanvas.js" canvas="mainCanvas">

基本上,我正在研究如何将事件(例如纸质上下文的输入)连接起来。

我想要的是或者只要目标输入发生更改($("#input").on("change"...))(某事不是这里的问题)就发生。

我将事件直接连接到paperscript文件中

$("#mainInput").on("change", function() {
    path.moveTo(50, 25);
})

但是那没有用。阅读文档,似乎上下文应该可以访问任何全局对象。

有人可以指出我正确的方向吗?

1 个答案:

答案 0 :(得分:1)

我不知道您的问题到底在哪里,但是这里有working example演示了如何解决。

// draw square
var square = new Path.RegularPolygon({
    center     : view.center,
    radius     : 50,
    sides      : 4,
    fillColor  : 'orange',
    applyMatrix: false
});

// on input change
$('#input').change(function ()
{
    // rotate it accordingly to input value
    square.rotation = this.value;
});