Estoy tratando de hacer un programa de prueba básico para paper.js, que pretendo usar para un proyecto. Estoy usando Chrome para ejecutar el HTML y cuando abro las herramientas de desarrollo, parece que Chrome simplemente no carga uno de mis scripts. Mi estructura de archivos es:
Test |---mario.svg |---html.html |---scripts/ | |---script.js | |---paper-core.jsY aquí está mi código:
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <script src="./scripts/paper-full.min.js"></script> <script type="text/paperscript" src="./scripts/script.js" canvas="myCanvas"></script> </head> <body> <canvas id="myCanvas" width="200" height="100" style="border:1px solid #d3d3d3;"> </canvas> </body> </html> veiw.onFrame = function(event){ project.importSVG('.../mario.svg'); };Sin embargo, en las herramientas de desarrollo de Chrome, en las fuentes, esperaría ver algo que coincida con mi estructura de archivos, y lo hago, excepto que falta script.js. También me da este error: El acceso a XMLHttpRequest en 'file:///C:/Users/jacob/Documents/JS/Testing/scripts/script.js' desde el origen 'null' ha sido bloqueado por la política CORS: origen cruzado las solicitudes solo se admiten para esquemas de protocolo: http, data, chrome, chrome-extension, chrome-untrusted, https. ht @ paper-full.min.js:32
Creo que debe tener algo que ver con el texto/documento, pero realmente no sé y definitivamente no sé cómo solucionarlo. He mirado ejemplos y no puedo entender qué estoy haciendo de manera diferente. El mario.svg tampoco aparece, pero creo que es solo porque no se menciona en el html. ¿Puede alguien explicar esto, por favor?
A primera vista, diría que su código PaperScript no se ejecuta porque carga la versión incorrecta de Paper.js.
Está cargando paper-core.js que es la versión de Paper.js que no es compatible con PaperScript. Debería cargar paper-full.js en su lugar.