mirror of
https://github.com/microsoft/Web-Dev-For-Beginners.git
synced 2025-08-12 17:54:22 +02:00
fix loadAsset function in example code
1. move `resolve(img)` in loadAsset function to the inside of the img.onload function to resolve the promise after the image is loaded 2. remove the async keyword of loadAsset because it is not that harmful but not yet necessary
This commit is contained in:
@@ -81,14 +81,14 @@ img.onload = () => {
|
||||
It's recommended to wrap the above in a construct like so, so it's easier to use and you only try to manipulate it when it's fully loaded:
|
||||
|
||||
```javascript
|
||||
async function loadAsset(path) {
|
||||
function loadAsset(path) {
|
||||
return new Promise((resolve) => {
|
||||
const img = new Image();
|
||||
img.src = path;
|
||||
img.onload = () => {
|
||||
// image loaded and ready to be used
|
||||
resolve(img);
|
||||
}
|
||||
resolve(img);
|
||||
})
|
||||
}
|
||||
|
||||
|
Reference in New Issue
Block a user