PaperJS 变量，如何将它们存储在 MongoDB 中？

Question

我正在学习编码并使用 PaperJS 创建了一个项目。

我有一个更新总分并将其显示在页面顶部的功能。

function updateScore(){
  text.content = 'Circles Cleared: ' + total;
  text.bringToFront();
}

Total 是我保存当前分数的变量。我正在努力在我的代码中的其他任何地方使用它/ post 它到 MongoDB 因为看起来变量不是全局的？我在 HTML 文件中写了内联 paperscript。

我试过将总计附加到表单，并通过调用 POST 来提交表单，但它一直返回，因为总计未定义。

即使在 console.logging 中，完成 POST 调用后也不会显示总数。

感谢任何帮助，在此先感谢。

Answer 1

您的主要问题是 PaperScript 代码在与您的 JavaScript 代码不同的范围内执行。
为了在两者之间共享变量，最简单的方法是直接在JavaScript中使用Paper.js（参见documentation）。
这是您描述的案例的简化工作示例（总数通过 canvas 中的 Paper.js 显示）。

// setup paperjs
paper.setup(document.getElementById('canvas'));

// init total variable
var total = 0;

// init total text item
var totalText = new paper.PointText({
  point: paper.view.center,
  justification: 'center'
});

displayTotal();

// listen to button click
$('button').click(function() {
  // increment total variable
  total += 100;
  // display total
  displayTotal();
});

function displayTotal() {
  totalText.content = 'total = ' + total;
}

html,
body {
  margin: 0;
  overflow: hidden;
  height: 100%;
}

canvas[resize] {
  width: 100%;
  height: 100%;
}

button {
  position: fixed;
  top: 15px;
  left: 15px;
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/paper.js/0.11.5/paper-core.min.js"></script>

<canvas id="canvas" resize></canvas>
<button>increment total</button>

PaperJS 变量，如何将它们存储在 MongoDB 中？

PaperJS variables, how can I store these in MongoDB?

javascript

mongodb

paperjs