User:Book: Difference between revisions
Jump to navigation
Jump to search
under construction |
No edit summary |
||
| Line 21: | Line 21: | ||
<textarea></textarea><br><canvas width="480" height="480"></canvas> | <textarea></textarea><br><canvas width="480" height="480"></canvas> | ||
</div> | </div> | ||
</pre> | |||
==Example== | |||
A simple web page with a glider in a LifeViewer | |||
<pre> | |||
<!DOCTYPE html> | |||
<html> | |||
<head> | |||
<meta name="LifeViewer" content="viewer textarea"> | |||
<script src="lv-plugin.js"></script> | |||
</head> | |||
<body> | |||
<div class="viewer"><textarea>bo$2bo$3o!</textarea><br><canvas width="480" height="480"></canvas></div> | |||
</body> | |||
</html> | |||
</pre> | </pre> | ||
Revision as of 00:38, 18 November 2021
| Lifespan 4700 (click above to open LifeViewer) |
Under Construction
Getting started
Download the LifeViewer plug-in
- Use this link: download
- The javascript code will be displayed in your browser
- Right-click in the browser window and choose "Save as..."
Add a LifeViewer <meta> tag in the <head> section of your web page
<meta name="LifeViewer" content="viewer textarea">
Add the LifeViewer plug-in the <head> section of your web page
<script src="lv-plugin.js"></script>
Add a LifeViewer <div> in the <body> section of your web page
<div class="viewer"> <textarea></textarea><br><canvas width="480" height="480"></canvas> </div>
Example
A simple web page with a glider in a LifeViewer
<!DOCTYPE html> <html> <head> <meta name="LifeViewer" content="viewer textarea"> <script src="lv-plugin.js"></script> </head> <body> <div class="viewer"><textarea>bo$2bo$3o!</textarea><br><canvas width="480" height="480"></canvas></div> </body> </html>