Paper.js 由按钮触发的画布更改功能答案

【问题标题】：Paper.js canvas change function triggered by buttonPaper.js 由按钮触发的画布更改功能
【发布时间】：2014-04-22 07:38:03
【问题描述】：

我正在尝试通过单击按钮更新使用 paper.js 的画布。为什么按钮不知道我的 changePos() 函数？

 <div class="myCanvas">
    <canvas id="canvas" width="600" height="600"></canvas>
  </div>

  <button id="some_button" onClick='changePos();'>Change Position</button>

在以下脚本中，第一个脚本是 paper.js，第二个脚本在我的画布上初始化文本“嘿”。这就是 changePos() 函数所在的位置，在我看来，单击按钮时应该调用它。

<script src="/paperjs/paper.js" type="text/javascript"></script>

<script  type="text/paperscript" canvas="canvas">

var text = new PointText({
      point: view.center,
      justification: 'center',
      fontSize: 20,
      fillColor: 'black'

    });

function init() {
  text.position = view.center;
      text.content = "hey"; 
}

function changePos() {
  text.content = "200";
}

init();
</script>

【问题讨论】：

我也遇到了同样的问题，看来paperscript脚本超出了按钮等简单html组件的范围。
感谢@FrozenFlame 的回复，我基本上只是想在一个框内移动文本并将其隐藏，以便其他文本可以出现在它上面。我正在考虑改用普通的 ol' javascript。你的问题解决了吗？

标签： javascript html canvas paperjs

【解决方案1】：

您可能会发现我对Paper.js Interoperability 的回答很有用。

为了能够从外部访问changePos()，您需要通过全局定义的对象将其导出，例如全局变量或导出，然后在 JavaScript 中访问它。

【讨论】：