How to Draw Lines and Shapes With Canvas - Python Tkinter GUI Tutorial #68

[@Codemycom]

▶️ Watch Entire Tkinter Playlist ✅ Subscribe To My KZbin Channel: bit.ly/2UFLKgj bit.ly/2IGzvOR ▶️ See More At: ✅ Join My Facebook Group: Codemy.com bit.ly/2GFmOBz ▶️ Learn to Code at Codemy.com ✅ Buy a Codemy T-Shirt! Take $30 off with coupon code: youtube1 bit.ly/2VC9WUN

[@kenhaley4]

Your coordinate system (as illustrated at 4:24 and after) is upside down. The origin is in the upper left corner, not lower left. If you create a line from (0,0) to (200, 100), for example, it starts in the upper left corner and goes down and to the right. It didn't affect any of your examples, since they're all vertically symmetric about the middle of the canvas.

[@stickydamper]

thanks

[@jamespaz4103]

Yah I noticed when I try it myself, and test bunch of shapes. I later figured the coordinate is upside down.

[@auntikjeb6600]

You are, by far, the coolest KZbin python teacher.....I mean your way of speaking and way of teaching is impeccable.Your endeavors are self rewarding. Anyone with no knowledge of programming can understand what does a certain line of code mean if s/he watches your video. Best of Luck man...Loved it....

[@Codemycom]

Thanks! Appreciate that!

[@garrett6064]

Codes to draw a red line and says "Now let's run it." Cut to commercial for computer game with super cool graphics. Me: holy shit!

[@mujassimjamal24]

Thats what i need! I was huge confused about canvas and now my topic has cleared. Thank you so much sir ❤❤❤

[@Codemycom]

Most welcome 😊

[@brauliogarcia1836]

I like the way you teach, thank you for sharing your knowledge!

[@Codemycom]

Thanks for watching!

[@patriciamanroe6371]

Thank you, I'm going to college for my BS in Computer Science/Software Engineering and just took a course on Python.

[@Codemycom]

Awesome

[@kapibara2440]

A very interesting intro to Canvas!

[@Codemycom]

thanks!

[@fizoolplayer]

Liked subscribed and shared, not just coz your great but also look a lot like one of best friends.

[@Codemycom]

Ha, fun!

[@asrajo5728]

thanks codemy, you save my life..... 🙏🙏🙏

[@Codemycom]

Happy to help

[@funnyclips2696]

It's just awesome! Even though my background is Urban planning and GIS, I always learned from your simplified tutorials. 👌🏿

[@Codemycom]

Happy to hear it!

[@Asifkhan-yn3ty]

Short + effective and helpful videos....Subscribed ✨

[@Codemycom]

Thanks!

[@akramelomrani8728]

I just learned the pygame graph systeme and now I need to learn another one

[@eutral]

This is indeed a helpful tutorial, but you have flipped the Y-axis. Y-position is 0 at the top and increases as it goes towards the bottom

[@josephlopez348]

Is the coordinate system platform or system dependent? I'm doing mine on Windows 10 on Python 3.8 and my 0,0 seems to be in the top left of the canvas when I experimented with different numbers.

[@garrett6064]

he drew it wrong and because he put it in the middle it didn't matter that it was from top or bottom. But upper left is always 0, 0.

[@JoeMamaJunk]

Can you make a video on how to program a bucket/flood fill function that can be used on Tkinter canvases?

[@demaischta1129]

Thank you, great Tutorial! I did some testing and got confused with the cordinate-system. Y-axis goes down not up! So 0, 0 is the point at the top left corner not bottom left corner

[@abhinavdubey8077]

very informative video ..

[@geetachavan2916]

this is so much helpful

[@Codemycom]

glad you enjoyed it!

[@rolynx5787]

Thanks for the guide.

[@Codemycom]

Happy to help

[@ntcellulartutorials1195]

Thank you very much for all tutorials in the paid package do you have libusb, os module and Django covered?

[@Codemycom]

I have many courses on Django, some things use os module marginally (but I don't have a course on just that), and no clue what libusb is. You can see all my courses listed on the homepage of Codemy.com and you can click on each one to get full details of what they're about.

[@jokarjapan]

clear explains, thank you

[@imanidioli]

Thanks a lot for your great content, since you explained on another video that a UI is a loop that is constantly rendering, is it possible to draw a shape shifting rectangle with dynamic coordinations?

[@radhayamini9761]

how to add a Label right Next to the canvas created? Like as Select File: Canvas Shape(ex:Rectangle) and next a Browse Button next to it

[@Codemycom]

In the normal way you would add a label to a widget

[@paulpaul6042]

Hey Is that possible to put inside that canvas 2 random points (X) distance to a 1point moving (Y).. like Y moving inside randomly and we see distance to X points

[@RyanDanielG]

feed the algorithm! great vid

[@Codemycom]

Thanks!

[@bcburnettcom]

since folks are still viewing this, could you please do an info box when the coordinate system is displayed that states its wrong!

[@Codemycom]

huh?

[@edwardayoub4182]

this is really lit, thanks a lot!

[@Codemycom]

Glad you like it!

[@ejm209]

Great content man keep it up!

[@Codemycom]

Thanks, will do!

[@solybr2271]

Hi, in my project i have to do it on video stream. Do you have any idea how can I do it please?

[@Codemycom]

No, sorry I don't know what you mean.

[@canozgur4549]

Thats really good . Could you make program like somthing whick exactly work program .it is like your geography porgram.

[@Codemycom]

Not sure what you mean...

[@quaterman1270]

x coordinate starts on the left side and the y coordinates start at the top. Your x was correct but your y coordinate needs to sart at the top. Top is 0 and bottom is 200

[@Codemycom]

seemed to work fine in the video

[@quaterman1270]

@@Codemycom of course it works, the coordinates of y are just wrong :D Did you not notice at 10:04 that your rectangle was not at the position you expected?

[@infinitespace1982]

Umm. I have a problem, the buttons that I have created in a frame don't recognize the root, hence when I try to destroy the root when clicking a button in the frame, it displays an error message: root.destroy() UnboundLocalError: local variable 'root' referenced before assignment Both the frame and the button are in the root.

[@giorgibakuradze]

hi, can you record the video for Scrolling multiple window, not list, just window (with class). for example: I have one window with many buttons, So it needs Scroll. When I click on any buttons, I i pop up to a new window and it need to scroll there as well. In any case, you are the best

[@Codemycom]

I don't have plans to do that anytime soon, sorry

[@giorgibakuradze]

@@Codemycom looking forward

[@Codemycom]

@@giorgibakuradze to what? lol

[@pheart6]

Would you like to make a playlist of c++ gui programming.

[@Codemycom]

No, I don't use C++

[@giovannimariotte4993]

Awesome

[@Codemycom]

Thanks!

[@Zellos376]

Thank you very much

[@Codemycom]

You are welcome

[@somerandomgadzo4778]

Bro is Walter White. "I am the one who CODES"

[@Codemycom]

lol

[@chief4536]

How do you position the square

[@asmeergillani2991]

Can you please explain why you wrote my_canvas.create_rectangle

[@Codemycom]

to create the rectangle

[@domzcafe6305]

How can i make curve lines

[@Hamheadon]

Can you add labels to a canvas

[@Codemycom]

Of course...I have videos on that in the playlist somewhere

[@Mark00747]

Could you let the user create custom lines with the cursor?

[@Codemycom]

not sure what you mean

[@Mark00747]

@@Codemycom I mean this! kzbin.info/www/bejne/nF7XlYOpaZaNl8k

[@Codemycom]

@@Mark00747 I don't have any videos on anything like that

[@Mark00747]

@@Codemycom I've fixed it with PyGame, but thanks anyway!

[@kumkumslab5811]

Sir please can you tell me that how to make qr generator

[@Codemycom]

Sorry, I don't have any videos on that

[@manishshah2694]

when I write- my_canvas.create_line(0,300,200,100, fill = "red) it shows an error written as 'nonetype' object has no attribute 'create_line

[@shubhamshinde5643]

Check spelling of my_canvas in code

[@synamalhan427]

if you have written .pack() on the same line as where you have created the canvas it will attribute nonetype to the object, trying packing it in the next line instead.

[@darkiiq8527]

How can i create a circle without it pixels appear in the edge

[@adammax9902]

shouldn't the rectangle be closer to the bottom

[@elysonpanolino5413]

how do i put text in tkinter canvas

[@Codemycom]

I have videos on that in the playlist

[@lemonsquezy11]

TYSM!!!

[@Codemycom]

welcome!

[@AnujSingh-jq5ob]

Thank you

[@Codemycom]

You're very welcome!

[@fernandohood5542]

Glad the the co-ordinate system has 0,0 at the bottom left. Oppps not true.

[@Codemycom]

lol

[@jaaz1981]

wow

[@Codemycom]

:-)