时间戳

首页 > 解决方案 > 当输入改变时绘制一个形状

events - 当输入改变时绘制一个形状

问题描述

我正在学习电子/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);
})

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

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

标签： eventselectronpaperjs

解决方案

我不知道您的问题到底出在哪里，但这是一个工作示例，演示了如何完成。

// 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;
});

推荐阅读