Questions tagged [paperjs]
Paper.js is an open source JavaScript vector graphics scripting framework.
paperjs
802
questions
1
vote
0
answers
45
views
How to ignore fill rule in PaperJS
I was wondering if someone with more PaperJS experience could help me with this. I'm trying to fill the an entire Path, including its holes and negative spaces.
I understand that I can call ...
0
votes
0
answers
19
views
Can not scale raster image by dragging
For the fifth night now I have not been able to solve the problem of scaling a raster in a paperjs using drag.
The problem is that the scaling works fine in the positive direction, but not in the ...
0
votes
0
answers
45
views
How should I unite shapes using Paper.js?
I have the following code, but it does not match the expectations of a paper.io like game. It fills new areas, but not correctly. The player should return to the original base and the base is not ...
0
votes
0
answers
57
views
Illustrator's Pathfinder Divide but in Javascript for SVGs
I am trying to automate a process I currently do in Illustrator but would like to be in the browser. In Illustrator with vector art, I expand all text and strokes and use pathfinder divide to flatten ...
1
vote
0
answers
97
views
How to connect reactjs and paperjs with paperscript?
please tell me how to properly connect reactjs and paperjs with paperscript.
It is necessary to run the paperjs script when going to the page. And all this is inside the reactjs application.
I am ...
0
votes
0
answers
17
views
Button element rendered twice using Paper.js
Hi wondered if you could see why my button element is rendered twice. The function is called inside image.on('load',function(){}). Here is a pen
and the code below. Thank you.
import paper from "...
0
votes
0
answers
63
views
How to set scale of zoomed parent image to child image in case of overlap in paperjs
I facing the issue of fit the overlap the child image in parent zoomed image area. There is one parent layer of raster image . I am loading first parent image then zoom in specific area and capture ...
0
votes
0
answers
38
views
PaperJs fails to import SVG xml data
I tried to import SVG in PaperJs project but it fails with the error below. I used nodejs, domparser from xmldom library. The codes is deloyed in a Azure Function with linux runtime.
Is someone ...
0
votes
1
answer
48
views
Finding location of syntax errors in paper.js
In case a paperjs script contains a syntax error, this kind of error is is displayed:
Uncaught SyntaxError: Unexpected token (242:31) (at paper-full.min.js:32:208210)
at k (paper-full.min.js:32:...
0
votes
2
answers
68
views
How to determine if a circle is inside a circle using Paper.js?
How can one determine if a circle is inside another circle? I thought I had it figured out using isInside method.
Note: This code will run on http://sketch.paperjs.org
Expect Circle2 to be inside ...
0
votes
1
answer
23
views
Impossible to multiply point in paperjs
Description/Steps to reproduce
When using PaperJS in React I cannot multiply Point as it is in this example.
Link to reproduction test-case
My code:
import Paper from 'paper'
useEffect(() => {
...
1
vote
1
answer
119
views
Paper.js Meta-ball Effect For Irregular shapes
My Problem
I'm attempting to create a metaball effect using Paper.js. While there's a metaball effect example on the Paper.js site (Metaball demo), it focuses on round shapes. My shapes, however, are ...
0
votes
0
answers
37
views
Creating a JavaScript Interface for Easing Function Configuration [duplicate]
I'm attempting to build a JavaScript interface to configure an easing function, similar to what's commonly seen in software like After Effects or Blender.
While I've made some progress, I'm not ...
0
votes
0
answers
29
views
Why does my paper.js code work different on win and on mac?
const putImgBgOnCanvas = async (payload) => {
if (payload) {
const reader = new FileReader()
reader.onload = (event) => {
const img = new Image()
img.onload = () => {
...
0
votes
0
answers
33
views
How to customize Paper.js path styles more?
I would like to know if it is possible to customize path styles so far that you can immitate such pen stroke styles:
Please note: I know that technically I could get these results by positioning ...