
Security News
vlt Launches "reproduce": A New Tool Challenging the Limits of Package Provenance
vlt's new "reproduce" tool verifies npm packages against their source code, outperforming traditional provenance adoption in the JavaScript ecosystem.
flying-canvas
Advanced tools
flying-canvas is awesome. LOL!
Check out the live example: https://www.subidote.com/flying-canvas
You will find .js and .css files in dist
folder.
<script src="../dist/flying-canvas.min.js"></script>
<link rel="stylesheet" href="../dist/flying-canvas.min.css">
<script>
flyingCanvas.init({
showWings: false,
animation: false
});
</script>
When the canvas pane bumps into the edges a function can be executed specifying bumpIntoEdgeFn
<script>
flyingCanvas.init({
showWings: false,
bumpIntoEdgeFn: function(){
console.log("Choca 1!");
},
animation: false
});
</script>
Use src: "./void.png"
to load a pinture in the canvas.
<script>
flyingCanvas.init({
src: "./void.png"
});
</script>
<script>
flyingCanvas.init({
width: 200,
height: 400,
showWings: false,
bumpIntoEdgeFn: function(){
console.log("Choca 1!");
},
zIndex: 300,
awesome: 2 // This will render the picture of the column
});
</script>
option | default | description |
---|---|---|
flyingCanvas.init() | - | Initializes the component allowing several parameters in json format. |
width | 350 | Width of the canvas. |
height | 400 | Height of the canvas. |
pictureFrameWidth | 75 | Working on this now! |
src | null | Route to an image. |
flyingCanvas.loadImage() | - | Loads new images this way: flyingCanvas.loadImage("newImage.jpg") . |
flyingCanvas.clearImage() | - | Removes the image |
animation | boolean | In the case of false the component will not have movement when created. |
hidden | boolean | In the case of false the component will be hidden by default. |
showWings | boolean | Show wings |
awesome | unknown | Awesome stuff will happen. |
flyingCanvas.start() | - | Starts the movement of the canvas. |
flyingCanvas.stop() | - | Stops the movement. |
flyingCanvas.hide() | - | Hides the component. Does not destroy. The component will continue running in the background. |
flyingCanvas.show() | - | Shows the component again. |
sudo npm install -g eslint
sudo npm install -g grunt-cli
grunt build
flying-canvas is MIT licensed.
FAQs
flying-canvas
The npm package flying-canvas receives a total of 2 weekly downloads. As such, flying-canvas popularity was classified as not popular.
We found that flying-canvas demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 1 open source maintainer collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
vlt's new "reproduce" tool verifies npm packages against their source code, outperforming traditional provenance adoption in the JavaScript ecosystem.
Research
Security News
Socket researchers uncovered a malicious PyPI package exploiting Deezer’s API to enable coordinated music piracy through API abuse and C2 server control.
Research
The Socket Research Team discovered a malicious npm package, '@ton-wallet/create', stealing cryptocurrency wallet keys from developers and users in the TON ecosystem.