Javascript Paper.js VS代码未以脚本类型运行=”的格式运行;“文本/纸质脚本”;

Javascript Paper.js VS代码未以脚本类型运行=”的格式运行;“文本/纸质脚本”;,javascript,visual-studio-code,paperjs,Javascript,Visual Studio Code,Paperjs,我刚接触paper.js,不能使用type=“text/paperscript” 当我在脚本标记中使用type=“text/paperscript”时,我的编辑器(VS代码)只是将其全部读取为文本。当我保存时,它会更改所有内容 我正在尝试从我的类运行代码。代码完全相同,但我的编辑器无法运行它 当我将其更改为type=“text/javascript”时,编辑器可以读取并运行它,但是,我希望使用paperscript 有什么想法吗?我不完全理解你的编辑造成了什么问题,但这里有一些东西可以尝试:

我刚接触paper.js,不能使用
type=“text/paperscript”

当我在脚本标记中使用
type=“text/paperscript”
时,我的编辑器(VS代码)只是将其全部读取为文本。当我保存时,它会更改所有内容

我正在尝试从我的类运行代码。代码完全相同,但我的编辑器无法运行它

当我将其更改为
type=“text/javascript”
时,编辑器可以读取并运行它,但是,我希望使用paperscript


有什么想法吗?

我不完全理解你的编辑造成了什么问题,但这里有一些东西可以尝试:

本页介绍如何在不使用type=“text/paperscript”属性的情况下创建paper.js作用域

基本上,您要做的是创建一个脚本标记,并使其成为一个普通的type=“text/javascript”属性。在该脚本标记中,您需要通过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);
此“直接javascript”方法的绘图示例为:

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库的脚本标记。

我在C:\Program Files(x86)\Microsoft VS Code\resources\app\extensions\html\Syntax\html.json中更改了这一行

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

以使类型paperscript正常工作

参考:

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