Stack Overflow
Stack Overflow

Questions tagged [paperjs]

Paper.js is an open source JavaScript vector graphics scripting framework.

Paper.js is an open source vector graphics scripting framework that runs on top of the HTML5 Canvas. It offers a clean Scene Graph / Document Object Model and a lot of powerful functionality to create and work with vector graphics and bezier curves, all neatly wrapped up in a well designed, consistent and clean programming interface.

http://paperjs.org/about/

798 questions
-1
votes
1 answer

How to plot lines where the segments/points are delivered via a JSON request in PaperJS/JS?

What's the optimal way to plot paths/segments using PaperJS or general in JS, where the data I receive for this is via JSON?
Drimer
  • 93
  • 2
  • 14
-1
votes
1 answer

Paperjs reference does not include all options

Would you please advice where I could find explanation about Group({insert:true}) option as I could not find it in reference? How does this option work and if someone had made that example he should be able to read about it somewhere. Thanks.
Alexey Polyakov
  • 9
  • 2
-1
votes
1 answer

Resize/Scale controls in paper js like in fabric js

my question is is there someone out there who managed to get a scaling/resizing like this: http://fabricjs.com/controls but in paper js? Would appreciate some help or directions how to do that. EDIT: You see the quadrats in the link, when you pull…
MatiMil
  • 1
  • 1
-1
votes
1 answer

paper js into javascript

Below are codes through which I was trying to achieve the hue property on a grid of circles. var circles = []; for(var i=20 ; i<=1500 ; i+=100){ for(var j=40 ; j<=600 ; j+=110){ var newCircle = new Path.Circle(new Point(i, j), 20); …
Akash Singh
  • 21
  • 5
-1
votes
1 answer

paper js export and import json issue

I tried to export to json my project and then reimport it, The issue is that Objects reimported aren't mutable, how can I fix it? This is an example, thanks. Link!
Atomx
  • 96
  • 2
  • 6
-1
votes
2 answers

Store user's drawing with javascript

I need to store a path drawn by user, along with the speed at any given point. Basically record how a line is drawn. I must be able to manipulate/edit the drawing (path and speed) afterwards. Something like this but also with speed/velocity…
AxlSmith
  • 243
  • 1
  • 4
  • 10
-1
votes
1 answer

how to erase the shape not context in html5 canvas

I need to erase any of the shapes(like circle, rect) but not whole context, using another brush tool. var brush = new Path.Circle({ center: event.point, radius: 35, fillColor: 'red', }); var eraser = new Path.Circle({ center:…
user3470138
  • 59
  • 6
-1
votes
1 answer

How to fill a rectangle with an image in paperJS?

I need to fill a rectangle with an image. I've tried Raster but I am not able to figure out how to use raster inside the rectangle created on the canvas. Is there a function similar to fillColor() method for filling the rectangle with an image…
Aneesh Nair
  • 39
  • 7
-1
votes
1 answer

How to create an interactive (clickable) animation for responsive website?

Anyone have suggestions for object animations that can show text on hover or click? Looking for something like this on: Trying to make these crystals into objects to be interactive. Sample mockup website here.
Grace J
  • 31
  • 1
-1
votes
1 answer

Which HTML5 Canvas library should I use for this purpose?

I am a newbie on HTML5 and Javascript, but I need to do a visualisation using them. Here is my domain / problem: I need to visualise a large set of graph nodes, visually a node can be a cycle with colors and transparence. There are two…
Jackson Tale
  • 25,428
  • 34
  • 149
  • 271
-1
votes
1 answer

Canvas a bit too big?

In http://onlyabutton.com/, when you press the left and right arrow keys, the window shakes a bit, most likely because of canvas dimensions. How do I fix this? Help would be appreciated!
Dan Iel Wang
  • 5
  • 4
-1
votes
1 answer

simple setInterval with paper.js not working

I'm trying to understand how to use setInterval with Paper.js. I made a simple test, with the same code inside a setInterval function and outside. It works on the latter case, but not when inside the setInterval. Any idea? // interval (not…
MiguelRivero
  • 137
  • 1
  • 9
-2
votes
1 answer

Why is code 2 not producing 10 rows of circles on my browser? But the code 1 is producing the output of 10x10 rowsxcolumns of circles with radius 10

The code 1 is working and giving 10 lines of circles of radius 10. The code 2 is not working as expected, it just gives a single line of circles of radius 10. I think the logic is correct but still there is something I am most probably missing when…
Aman Lodha
  • 13
  • 1
  • 4
-2
votes
2 answers

How to find the angle of line in paper js?

In paper Js using line point find the angle and length and also, how to find the vector values for line using those vector values we find the angles, but here I am facing some problem.
Vengadesh B
  • 11
  • 3
-2
votes
1 answer

How to start with paper.js?

I am new to Paper.js and i want to implement some examples that they mentioned in this site "http://paperjs.org/examples/". Is this possible to call Paper.js from ruby?Can someone help me to understand this?
sha
  • 55
  • 2
1 2 3
…
53
54