Question

我是paper.js的新手，我无法使用type="text/paperscript"。

当我在我的脚本标签中使用它（type="text/paperscript"）时，我的编辑器（VS Code）只是将所有内容读作文本，当我保存它时会更改所有内容。

我正在尝试从我的Udemy类运行代码。代码完全一样，我的编辑器无法运行它。

当我将其更改为type="text/javascript"时，编辑器可以读取并运行它，但我想使用起稿。

有什么想法吗？

谢谢大卫。

Answer 1

我并不完全了解您的编辑器导致的问题，但这里有一些尝试： http://paperjs.org/tutorials/getting-started/using-javascript-directly/

此页面是如何创建paper.js范围而不使用type =＆＃34; text / paperscript＆＃34;属性。

基本上你要做的是创建一个脚本标签，并使其成为普通类型=＆＃34; text / javascript＆＃34;属性。在该脚本标记中，您将希望通过ID获取画布，然后调用paper.setup（canvas）;然后从那里开始你将需要从那个纸张变量做所有事情。

// Get a reference to the canvas object
var canvas = document.getElementById('myCanvas');
// Create an empty project and a view for the canvas:
paper.setup(canvas);

这个＆＃34;直接javascript＆＃34;的绘图示例方法是：

var path = new paper.Path();
// Give the stroke a color
path.strokeColor = 'black';
var start = new paper.Point(100, 100);
// Move to start and draw a line from there
path.moveTo(start);
// Note that the plus operator on Point objects does not work
// in JavaScript. Instead, we need to call the add() function:
path.lineTo(start.add([ 200, -50 ]));
// Draw the view now:
paper.view.draw();

干杯，希望有所帮助。显然，在添加这个新的脚本标记之前，您需要某种引用paperjs库的脚本标记。

Answer 2

在我的情况下，如果我把type =＆＃34; text / javascript＆＃34;，我在这一点上有错误......

var textItem = new PointText（{ 内容：＆＃39;＆＃39;， point：new Point（20,30）， fillColor：＆＃39; black＆＃39;， }）;

未定义PointText .....

Answer 3

我在C：\ Program Files（x86）\ Microsoft VS Code \ resources \ app \ extensions \ html \ syntaxes \ html.json

中更改了这一行

"end": "(?i:(?=/?>|type(?=[\\s=])(?!\\s*=\\s*('|\"|)(text/(javascript|ecmascript|babel)|application/((x-)?javascript|ecmascript|babel)|module)[\\s\"'>])))",

要

"end": "(?i:(?=/?>|type(?=[\\s=])(?!\\s*=\\s*('|\"|)(text/(javascript|ecmascript|babel|paperscript)|application/((x-)?javascript|ecmascript|babel)|module)[\\s\"'>])))",

让类型论文起作用。

参考：https://github.com/Microsoft/vscode/issues/11781

paper.js，vs代码NOT运行type =“text / paperscript”

3 个答案: