Відео

dude you saved me.

You channel under rated! You have to have million subs

people before else is invented : 6:40

Thank you for making this great video! Super helpful 👍

Arabic support is possible, good luck

I don't even know English and I found it super easy to understand hahaha 😃

Brilliant video

You need to work a bit on your classes. To clean things up, put the canvas-related stuff in a class so that you're basically doing: c = new Canvas('canvas', '2d'); cir = new Circle(c, x, y, radius); cir.draw();

This tutorial is awesome, i have implemented it in one of my projects. The only problem i got is, the touch event doesn't work on my Samsung Tablet running chrome. Can you check what is wrong?

bananasCoding is good

"height" is not pronounced as "hate". Grow up. Your code is also disjointed. If you're first creating a variable named canvas_height, it doesn't make sense semantically to then call canvas_width first. Why jump around?

what does document.createElement("img") do? what does it do to the canvas?

hi during this tutorial around this code all_circles.forEach(element =>{element.update();}) where's the element come from? does it from created variable or something? can you tell me the detail around 1:58 you said elements for the elements we're gonna do something because i didn't catch what do you mean by that thanks

shape will not show up.

Thx for the video!

Great tutorial, THX!

thank you!

This was a great tutorial. Thanks! How would you tackle more complex shapes like irregular triangles etc.?

This is great content. Thanks for uploading. I wanted to make an interactive donut chart using DOM elements but it actually proved to be really difficult to do... I'm thinking this might be a better way to do it. Are there any draw backs, other it requiring more code, to using Canvas instead of DOM elements?

If anyone want add another new image. Just add: let image1 = new Image('tree_01.png', 50, 50, 100, 200); createImage(context, image1.imagePath, image1.xpos, image1.ypos, image1.width, image1.height); And it will work fine too.

😢 i try to follow it seems easy but it works then some of it dont

❤

suggests using a larger font in guides. because then you can watch and write in the other window.

why doesn't it work on rect? It sits in the top left corner no matter what I do

Thank you!

Thanks! This was easy to understand. I can't wait to start programming with it now!

This worked for me, thank you!

i need the css for a homework please

there is a bug in the source code restore_array.push(context.getImageData(0, 0, canvas.width, canvas.height)); index += 1; these 2 lines should be inside the if (is_drawing) {}, not another if (event.type != "mouseout") {} otherwise, if you draw a line with mouseup, and draw another line with mouseout, then click Undo, these 2 lines will disappear at the same time.

Thanks. Very useful.

for anyone having the color being only black issue like me, add this line to the draw context function: *context.strokeStyle = this.color;* The reason it didn't work it because he forgot to use it, anyways like the comment so other can be helped out too?

Why its chaging the background color and not the slider color?

thanks bro, i was searching for this <3,

làm thì ít rên rỉ thì nhiều, làm kiểu nửa mùa thì nghỉ đừng làm, phí thời gian

Hi, have you shared the index.html code anywhere? the link that you shared does not appear to have the thml code that you are showing in the video.

Fun stuff!

couldn't you just put everything into th slider.oninput function? it just seems odd that you would have two functions that do basically the same thing (ie: you could put the background color changing code into the slider.oninput function as well and it would be more performant)

what is this here?

Thanks, nice tutorial, but there at min 6:55 instead of writing an entire if you could just write else and update the color to black :)

Meu CANVAS.GETIMAGEDATA() não funciona. My canvasctx.getImageData() doesnt work Var Ima = new Imagem() Ima.onload = funciona() { Canvasctx.drawImage(ima, 0, 0) Var Dados = canvasctx.getaImageData(0, 0, height, width).data }

Thanks man, I will try your tutorial.

Is there a more optimal approach instead of drawing all shapes again everytime the mouse moves ?

Don't you think the graph is wrong ? Sure I like idea but how does 200 point is smaller than 80 point ? I think the graph is upside down

Thanks 👍

Ofc Im gonna Sub!

Masterclass, thank you for all !

Hello, would this work well if you have multiple objects? And what if objects are images ?

Good job bro, JESUS IS COMING BACK VERY SOON;WATCH AND PREPARE

will the rectangle work the same?

got is not a function? even im usung fix esm still get that error