The source of the Paper.js website http://paperjs.org, translated to the static pages in https://github.com/paperjs/paperjs.github.io by running it through https://github.com/paperjs/woods in a Travis CI worker on each commit.
The source of the Paper.js website http://paperjs.org, translated to static pages by Woods, and pushed to paperjs.github.io once a day.
On the following page:
http://paperjs.org/tutorials/paths/using-color-and-style/
There is a wrong reference to the Style object, it currently states PathStyle:
Also the link to the Reference needs to be fixed
The current documentation is not readable in mobile, because the sidebar overlaps the content:
I can create pattern for the stroke like this in Javascript:
var img = new Image();
img.src = "xx.png";
img.onload = function(){
var pattern = ctx.createPattern(img, "repeat");
ctx.strokeStyle=pattern;
ctx.lineWidth = 30;
ctx.beginPath();
ctx.moveTo(100,0)
ctx.lineTo(100,300);
ctx.stroke();
}
How can i create pattern for Path items created with Paper.js?
The initial tutorial code on http://paperjs.org/tutorials/getting-started/working-with-paper-js,
<!DOCTYPE html>
<html>
<head>
<!-- Load the Paper.js library -->
<script type="text/javascript" src="js/paper.js"></script>
<!-- Define inlined PaperScript associate it with myCanvas -->
<script type="text/paperscript" canvas="myCanvas">
// Create a Paper.js Path to draw a line into it:
var path = new Path();
// Give the stroke a color
path.strokeColor = 'black';
var start = new Point(100, 100);
// Move to start and draw a line from there
path.moveTo(start);
// Note the plus operator on Point objects.
// PaperScript does that for us, and much more!
path.lineTo(start + [ 100, -50 ]);
</script>
</head>
<body>
<canvas id="myCanvas" resize></canvas>
</body>
</html>
does not work with paperjs 0.9.23, instead throwing a parse error about a missing ], as can be seen in this jsbin: http://jsbin.com/kedixufiye/edit?html,output
I'm unable to load paperjs.org assets, so I did an SSL Test:
We were able to retrieve a certificate for this site, but the domain names listed in it do not match the domain name you requested us to inspect.
For example, going to http://paperjs.org/reference/layer/ will still have the same title as the main http://paperjs.org page.
This makes it really hard to use the documentation. After a couple of open tabs you quickly lose track of where things went.
I am not familiar with the tool you are using to generate the website otherwise I would attempt to fix it myself. The format of the one .txt file that has a title parameter reminds me of Jekyll.
It still mentions maxDistance, while it should be flatness instead:
http://paperjs.org/tutorials/paths/smoothing-simplifying-flattening/#flattening-paths
When I visit the reference for Path, since yesterday, the page keeps hanging until I stop the script.
This is the notice I get:
"A script on this page may be busy, or it may have stopped responding. You can stop the script now, or you can continue to see if the script will complete.
Why is an active layer called activeLayer, but the active (current) project is paper.project instead of activeProject?
Moved from Paper.js source repo issue 1945
SVG Export broken on main Paperjs.org site as well as other places which use that code, such as my Ruler Genrator.
Go to Paperjs.org, click features, scroll to SVG export section, click Download as SVG
Download SVG
Error: 500 Server Error
The server encountered an error and could not complete your request.
URL of error: https://download-data-uri.appspot.com/
"Project Hierachy" heading is misspelled.
Could we possibly switch to react? I am unable to add CSS media queries. Given the static nature of the site, a switch would be fairly simple and fast.
Looks like the latest build is missing some stuff:
paper.js:27 GET http://paperjs.org/assets/node_modules/prepro/lib/browser.js
paper.js:31 GET http://paperjs.org/assets/src/load.js 404 (Not Found)
scripts.js:303 Uncaught ReferenceError: paper is not defined
There are some links that point to scriptographer.org, despite the linked articles are also available on paperjs.org like here:
paperjs.org/content/02-Features/page.txt
Line 116 in dbb416f
http://scriptographer.org/tutorials/interaction/creating-mouse-tools/
http:// paperjs.org/tutorials/interaction/creating-mouse-tools/
Is this intended or needs to be fixed?
P.S. You can find other similar links by searching for scriptographer.org:
https://github.com/paperjs/paperjs.org/search?q=scriptographer
The doc is very good. Well above average for an open source project. I thought this might help some folks...
At...
http://paperjs.org/reference/point/#add-point
the example shows using the Math Operator, not the Math Operator Function. When one is converting from PaperScript to JavaScript this is important. I think line 3 of the example should read...
var result = point1.add( point2 );
instead of the current...
var result = point1 + point2;
Doesn't look like paper.js works with animation via JS. The onFrame below works as expected, using setInterval and rotate doesn't rotate. However, moving the mouse over the rect causes it to advance 3 degrees as long as the mouse is moving.
(I'm coming from snap.svg where rotations work as expected)
paper.install(window)
window.onload = function() {
paper.setup('myCanvas')
var rect = new Path.Rectangle([75,75], [100,100])
rect.strokeColor = 'black'
//view.onFrame = function(event) {
// rect.rotate(3)
//}
setInterval(function(){
rect.rotate(3)}, 500)
}
As title says, "Source" button in the examples doesn't work. Console shows this error:
"TypeError: Cannot read property 'on' of null
at createPaperScript (http://paperjs.org/assets/js/scripts.js:435:14)
at HTMLDivElement.<anonymous> (http://paperjs.org/assets/js/scripts.js:243:3)
at Function.each (http://paperjs.org/assets/js/jquery.js:4:5347)
at init.each (http://paperjs.org/assets/js/jquery.js:4:1999)
at Object.behaviors.paperscript (http://paperjs.org/assets/js/scripts.js:242:28)
at HTMLDocument.<anonymous> (http://paperjs.org/assets/js/scripts.js:531:15)
at c (http://paperjs.org/assets/js/jquery.js:4:26051)
at Object.fireWith [as resolveWith] (http://paperjs.org/assets/js/jquery.js:4:26856)
at Function.ready (http://paperjs.org/assets/js/jquery.js:4:3305)
at HTMLDocument.q (http://paperjs.org/assets/js/jquery.js:4:717)"
Version 69.0.3497.92 (Developer Build) built on Debian buster/sid, running on Debian buster/sid (64-bit)
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
Django
The Web framework for perfectionists with deadlines.
Laravel
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
Microsoft
Open source projects and samples from Microsoft.
Google
Google ❤️ Open Source for everyone.
Alibaba
Alibaba Open Source for everyone
D3
Data-Driven Documents codes.
Tencent
China tencent open source team.