Использование paperjs с jsfiddle

Я только что узнал об paperjs, замечательном фреймворке для векторной графики, о котором вы, наверное, уже слышали.

Однако я наткнулся на проблему, я абсолютно НЕ могу понять, как заставить ее работать с jsfiddle! Несколько примеров, которые я нашел в Интернете, работали только потому, что весь код был зажат в разделе HTML, в теге paperscript.

Любая идея, как заставить работать раздел «Javascript», используя при этом синтаксическую окраску?

Большое спасибо!


javascript html paperjs jsfiddle
person Cafe    schedule 25.09.2013    source источник
comment
Можете ли вы опубликовать ссылку на jsFiddle, где вы пытались использовать PaperJS?   -  person ndequeker    schedule 25.09.2013

Ответы (3)


arrow_upward
2
arrow_downward

Вы не можете поместить свой код paperjs на панель javascript по умолчанию. Для этого вам нужно взломать jsFiddler. См. документ из jsFiddler.

Пожалуйста, установите Code Wrap на no wrap(head) (по умолчанию onLoad) и Franework на No-library (чистый JS).

Подобно CoffeeScript, Paperscript требует, чтобы тег скрипта был типа text/paperscript и предоставлял идентификатор элемента холста в параметре холста. Введите следующее в панель HTML, и вы сможете написать Paperscript в панели JavaScript.

<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>

Пример: http://jsfiddle.net/zalun/LrGEm/12/

person lastr2d2    schedule 25.09.2013
comment
Большое спасибо, именно то, что я искал! - person Cafe; 25.09.2013
comment
Я получил эту ошибку: Отказано в выполнении сценария из ..., потому что его тип MIME (текстовый/обычный) не является исполняемым, и включена строгая проверка типа MIME. Но я нашел решение здесь, в котором говорится, что raw.github следует изменить на rawgithub и обновить вашу скрипку: jsfiddle.net/LrGEm/317 - person Christoph; 11.12.2013

arrow_upward
1
arrow_downward

Также есть sketch.paperjs.org

Sketch.paperjs.org

person Sam P    schedule 21.08.2015
comment
лучший для paper.js - person Hacktisch; 27.12.2015

arrow_upward
0
arrow_downward

В качестве альтернативы вы можете просто использовать https://www.jsbin.com для написания кода. Это позволит писать JS на заполнителе javascript.

person The Dark Knight    schedule 25.09.2013
comment
Я никогда не слышал о jsbin, кажется, это хорошая альтернатива jsfiddle! Не могли бы вы более четко объяснить, как использовать paperscript в jsbin? Все еще не могу заставить его работать, и jsfiddle действительно капризничает. - person Cafe; 25.09.2013