diff --git a/README.md b/README.md index 73f112c..e1ef7a1 100644 --- a/README.md +++ b/README.md @@ -8,14 +8,27 @@ To use PyCanvas, you can add the following to the top of your skulpt builtInRead ```javascript if (x === 'screen' || x === './screen.js') { + const url = new URL('screen.js', window.location.href).href; const xhr = new XMLHttpRequest(); - xhr.open("GET", "path/to/screen.js", false); + xhr.open("GET", url, false); xhr.send(); if (xhr.status === 200) return xhr.responseText; else throw "Could not load screen.js"; } ``` +And set these variables before running the code: +```javascript +const canvas = document.getElementById('canvas'); +const container = document.getElementById('preview-container'); +if (canvas && container) { + const w = Math.floor(container.clientWidth); + const h = Math.floor(container.clientHeight); + canvas.width = w; + canvas.height = h; +} +``` + Then you can use it in your code like this: ```python