Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/mhackfly/iframe4p5
sketch.html is an HTML page that displays a sketch, a p5.js script, in an iframe with appearance management
https://github.com/mhackfly/iframe4p5
html-css-javascript iframe p5js sketch
Last synced: 11 days ago
JSON representation
sketch.html is an HTML page that displays a sketch, a p5.js script, in an iframe with appearance management
- Host: GitHub
- URL: https://github.com/mhackfly/iframe4p5
- Owner: mhackfly
- License: mit
- Created: 2024-09-06T09:22:16.000Z (4 months ago)
- Default Branch: main
- Last Pushed: 2024-09-06T19:38:43.000Z (4 months ago)
- Last Synced: 2024-09-06T23:09:33.890Z (4 months ago)
- Topics: html-css-javascript, iframe, p5js, sketch
- Language: HTML
- Homepage: https://www.micro66.fr/projets/iframe4p5/article.html
- Size: 4.88 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# iframe4p5
> **sketch.html** is an HTML page that displays a sketch, a **p5.js** script, in an iframe with appearance management. Example of integrating a sketch into an iframe in the **index.html** file:>> ``
>Functions are defined to modify the styles of the iframe:
>> **iframeBorder(border):** Modifies the border of the iframe.
>> **iframeBorderRadius(border_radius):** Modifies the border radius of the iframe and the canvas.
>> **iframeBackgroundColor(background_color):** Changes the background color of the iframe.
>> **iframePadding(padding):** Adjusts the padding of the iframe.
>> **iframeBoxShadow(box_shadow):** Adds a box shadow to the iframe.