【问题标题】:Paper.js VS Code not running with script type="text/paperscript"Paper.js VS Code 未使用 script type="text/paperscript" 运行
【发布时间】:2018-01-03 10:04:39
【问题描述】:

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

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

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

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

有什么想法吗?

【问题讨论】:

    标签: javascript visual-studio-code paperjs


    【解决方案1】:

    我不完全理解您的编辑器造成了什么问题,但可以尝试以下方法: http://paperjs.org/tutorials/getting-started/using-javascript-directly/

    这个页面是一个关于如何在不使用 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 库的脚本标签。

    【讨论】:

      【解决方案2】:

      我在 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\"'>])))",
      

      让类型 paperscript 工作。

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

      【讨论】:

        猜你喜欢
        • 1970-01-01
        • 2017-01-05
        • 2011-06-22
        • 2013-06-13
        • 2011-05-13
        • 2014-01-13
        • 2016-12-12
        • 2017-07-25
        • 1970-01-01
        相关资源
        最近更新 更多