Paper JS, Dividing Multiple Times a Paper JS Item.

185 views
Skip to first unread message

shishir raven

unread,
Mar 25, 2021, 9:29:09 AM3/25/21
to pap...@googlegroups.com
Hi Group, 

I have an PaperJS Path Item (can be any Shape, Polygon) on which I want to apply Multiple Cuts marked by another Paper JS Path. 

But I get a result similar to the following. 


image.png
Here the Yellow Circle is the Shape and the colored shapes on the right hand side are the result of the Division. 
And you can notice that it has divided the Circle into proper shapes. 

Here is the Sketch. 

Is there a way I can achieve proper slicing. 

Thanks, 
Shishir

 

shishir raven

unread,
Mar 28, 2021, 4:30:30 PM3/28/21
to Paper.js
Hello Group, 

For the dividing problem, I found that one way for achieving the Slicing is that I have to make the cut and then save the pieces and then cutting the pieces which intersects. 
But if there is a better solution please share with me. 

Here is the sketch following this methods. 

Final Result. 
finalresult.png


Sketch: 
http://sketch.paperjs.org/#V/0.12.15/S/pVVNj9owEP0rVi5rSppld9WqguVQUamqtJVWatVLyCGbDGBh7Mg2LBHiv3fsECchoZdaIsT2fLx5b+ycApHuIJgGv7Zgsk0QBpnM7fyQKrIrF0xlHMicCHgnr6nZRNUKdXPJhKFPk0lI8DEKySM+Z0u1FLVjtGKcLySXCkPclcC5fL/rWmij5Ba8zRtPs21lUv8skgJTX1As5K6Qe5FbNPRkDQiObMN4rkBMSVwv2eFhvzABNH6wWD9NkpDEn+0rPpJR+A+Hp8bhi3eo7RPv6cuc1hX4LQ0cMgP5lBi1B7d8rki6vyff2IHlTKyJ2YBLS37uuWEFUv6b7UBHpCFAGf1dyX1xocG90ypSsxmleb6wVNCa4JHncoUMUxuLYYjJDP+eHa9RzV3EQazNBnfG4xFpqJVCS1SKyzVdBn9SvgciV+THMggJq8JbMxvZwK54tWAww1el0pI2+z79sUp/dOk98B6IYweEHWxFaAdwzJIIWxCURoo1HYgWH5PRVZQaqwKNXCOWYbcot9pAL2FIToQJDcpMySrlGkJStbCfGpVm9YycGwLayTMuhT1WFYjITWnf9LKtYCcPuD8UaX2jJ9p2605rYB3UJfRl9T26mjv/2tfKvh6SrB/FS64ryTVKPuiKWz21u+C9AjqxbGnI5/Y89VLi8E0YFXu9oT3/Ps5ewS9SFlin7pue2wudCVi5exVcgbnRorPBqP6l5VW1gtex8WwX0CS9VgYVcYKUc5SjfL42nJUoQ23brmXohvHOcZmEp8uZcF1/HnVKOLdv8zbO28f/gvg/74wbJ7uQmhkmxe2z7y3GJP74MPlwDB/xkbjb+CKLuxfqy33uyq4w4yf0TUG6LezXUQfTODn/BQ==

Thanks, 
Shishir
Reply all
Reply to author
Forward
0 new messages