Estoy intentando usar paper.js con javascript directamente: http://paperjs.org/tutorials/getting-started/using-javascript-directly/
y no puede hacer que los gradientes funcionen. En lugar de un degradado de color, la línea parece ser negra. Esto ocurre para todas las formas, por lo que estoy bastante seguro de que de alguna manera estoy configurando paper.js incorrectamente. ¡Cualquier ayuda sería apreciada!
Aquí hay un bloque de código de ejemplo:
paper.install(window); window.onload = function() { // Setup directly from canvas id: paper.setup('myCanvas'); var path = new Path(); path.strokeColor = { gradient: { stops: ['blue', 'red'] }, origin: new Point(350, 0), destination: new Point(0, 350) }; path.strokeWidth = 5; path.add(new Point(350, 0)); path.add(new Point(0, 350)); view.draw(); }jsfiddle: https://jsfiddle.net/3p1sr68n/2/
En su ejemplo, hizo referencia a la biblioteca como
<script type="text/javascript" src="js/paper.js"></script> sin embargo, jsfiddle no conoce esa afirmación local con la ruta: js/paper.js .
El fragmento de código no funciona porque paper.js no está cargado.
Para que funcione para el entorno jsfiddle , es posible que desee incluir una versión alojada en CDN de la biblioteca:
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/paper.js/0.12.15/paper-full.min.js"></script>Ejemplo de trabajo en jsfiddle
O ejecute su fragmento de código original en su host local con la biblioteca que también se encuentra alojada en su host local en la ruta js/paper.js .