我刚刚发现了paperjs，这是你可能已经听说过的一个很棒的矢量图形框架。
我偶然发现了一个问题，我绝对无法弄清楚如何让它与jsfiddle一起工作！我在网上找到的几个例子只是起作用，因为所有的代码都被粘贴在HTML部分的一个文稿标签中。
任何想法如何使“Javascript”部分工作，从而利用语法着色？
非常感谢！
答案 0 :(得分：2)
默认情况下，您无法将paperjs代码放在javascript面板中。 你需要破解jsFiddler才能做到这一点。 见the document from jsFiddler
请将Code Wrap设置为无包装（head）（默认为onLoad）和Franework为No-library（纯JS）。
与CoffeeScript类似，Paperscript要求脚本标记为text / paperscript的类型，并在canvas参数中提供canvas元素的id。在HTML面板中输入以下内容，您就可以在JavaScript面板中编写Paperscript。
<canvas id="some-unique-id" resize keepalive="true" style='height: 200; width: 200;'> </canvas>
<script>(function(){var s="script",n='\n',d=document,b=d.getElementsByTagName(s)[2].innerHTML.split(n);d.write('<'+s+' type="text/paperscript" canvas="' + document.getElementsByTagName('canvas')[0].id + '">'+b.slice(2,b.length-2).join(n)+'</'+s+'>')})()</script>
答案 1 :(得分：1)
还有sketch.paperjs.org
答案 2 :(得分：0)
或者，您只需使用https://www.jsbin.com进行编码即可。它将允许JS在javascript占位符中编写。