Canvas'

Question

On my game I wanted to draw a circle in the centre. So I used the JS code but it didn't work. I had created a code which allows the canvas to fit the screen on different platforms, but i used the same variable but it didn't work and stated ctx is not defined. Can anyone help?

The code:
https://code.sololearn.com/WSLJ6Xc80J5K/#js

Answer 1

Hi Zak,
The variable ctx was declared inside a function therefore its scope is localised to it.

You are trying to use that variable again globally (outside its current scope)

This article may help you
https://www.sitepoint.com/demystifying-javascript-variable-scope-hoisting/

Answer 2

Either make ctx global in scope or create a new variable ctx (which may be confusing for the reader, I would call it something else)

If you want to make it global, at the top of the js put var ctx; that way there is little editing to do.

Answer 3

visph is correct.

Answer 4

Anyway, 'ctx' variable should be accessed only after init() was executed (in which 'ctx' is defined) ^^
I suggest to move the lines using 'ctx' to draw in canvas inside your init() function ;)

Answer 5

So I would have to create a separate variable defining ctx.

Answer 6

I have attempted something, but it doesnt work. here it is:

https://code.sololearn.com/WSLJ6Xc80J5K/?ref=app

Answer 7

thanks.