i'm cannibalizing an example i found online to embed a simple js processing file in html, but the canvas is appearing blank for me. i have absolutely no html experience- just want to put a js file on a web browser.
here's the html file in case it's a simple issue
if not, i posted the whole folder on github https://github.com/CANSLP/ui_template
thanks for any help at all!
here's the html file in case it's a simple issue
Code:
<!-- saved from url=(0053)https://cs.nyu.edu/~kapp/cs101/processing_on_the_web/ -->
<html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Processing on the Web</title>
<script type="text/javascript" src="processing.js"></script>
<style type="text/css">
pre {
background-color: #EEE;
padding: 15px;
}
#theCanvas {
width: 500px;
margin: auto;
border: 5px solid black;
display: block;
}
</style>
<style type="text/css">@font-face {
font-family: "PjsEmptyFont";
src: url('data:application/x-font-ttf;base64,AAEAAAAKAIAAAwAgT1MvMgAAAAAAAAEoAAAAVmNtYXAAAAAAAAABiAAAACxnbHlmAAAAAAAAAbwAAAAkaGVhZAAAAAAAAACsAAAAOGhoZWEAAAAAAAAA5AAAACRobXR4AAAAAAAAAYAAAAAGbG9jYQAAAAAAAAG0AAAABm1heHAAAAAAAAABCAAAACBuYW1lAAAAAAAAAeAAAAAgcG9zdAAAAAAAAAIAAAAAEAABAAAAAQAAAkgTY18PPPUACwAgAAAAALSRooAAAAAAyld0xgAAAAAAAQABAAAAAAAAAAAAAAAAAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABAAEAAAACAAIAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAEAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACMAIwAAAAAAAAABAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABAAMAAQAAAAwABAAgAAAABAAEAAEAAABB//8AAABB////wAABAAAAAAAAAAgAEgAAAAEAAAAAAAAAAAAAAAAxAAABAAAAAAABAAEAAQAAMTcBAQAAAAAAAgAeAAMAAQQJAAEAAAAAAAMAAQQJAAIAAgAAAAAAAQAAAAAAAAAAAAAAAAAA')
format('truetype');
}</style></head>
<body>
</pre></li></ul>
<p>here's the js app:</p>
<canvas id="theCanvas" data-processing-sources="ui_template.pde" tabindex="0" width="400" height="800" style="image-rendering: -webkit-optimize-contrast !important;"></canvas>
<span style="position: absolute; top: 0px; left: 0px; opacity: 0; font-family: PjsEmptyFont, fantasy;">AAAAAAAA</span></body></html>if not, i posted the whole folder on github https://github.com/CANSLP/ui_template
thanks for any help at all!
