Updated quickstart instructions in the readme

This commit is contained in:
2025-12-25 20:04:58 +00:00
parent a0c603ee7a
commit 924ac26d38

View File

@@ -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