1 00:00:05,080 --> 00:00:06,900 Hey everyone. 2 00:00:07,080 --> 00:00:11,930 So in the last two really consider the button in this video we're going to work on canvas. 3 00:00:11,930 --> 00:00:13,970 That is the second widget I have considered. 4 00:00:14,510 --> 00:00:18,050 But this one is a little different from all the other projects. 5 00:00:18,140 --> 00:00:20,660 You will find a little difficult to create this one. 6 00:00:21,680 --> 00:00:27,290 So let's begin first of all creating a canvas is very easy. 7 00:00:27,290 --> 00:00:28,330 You can do the same. 8 00:00:28,400 --> 00:00:30,040 Like the button here. 9 00:00:30,050 --> 00:00:39,290 If I have a variable C denoting a canvas then here canvas in which I have C capital so can first name 10 00:00:39,290 --> 00:00:41,920 that one I need to first pass in which window I want. 11 00:00:41,930 --> 00:00:45,540 This one say my window. 12 00:00:45,590 --> 00:00:48,740 After that you need to specify height and feet. 13 00:00:49,040 --> 00:00:51,680 And these are something options you will also find. 14 00:00:52,680 --> 00:01:01,050 In the options that is here we have height and weight and dazzling to use this one big mango color. 15 00:01:01,210 --> 00:01:08,180 Here we have first one height say 250 that is in Big Sur. 16 00:01:08,470 --> 00:01:09,500 Then we have added 17 00:01:14,250 --> 00:01:16,060 that said 300. 18 00:01:16,630 --> 00:01:18,170 Then background color. 19 00:01:18,400 --> 00:01:23,580 Say blue here we had dessert. 20 00:01:24,250 --> 00:01:26,050 Now you just need to unpack that. 21 00:01:26,140 --> 00:01:30,390 So see the back come on this. 22 00:01:30,670 --> 00:01:39,010 And there we have the terminal if I done this one I got this canvas first my window in that front. 23 00:01:39,040 --> 00:01:45,760 I had this canvas in it you can do any kind of figure so some standard items you can draw there are 24 00:01:45,760 --> 00:01:47,730 listed on the dots here. 25 00:01:47,750 --> 00:01:51,330 This five image nine or will in polygon. 26 00:01:51,520 --> 00:01:54,580 First let me create the arc and then I will tell you how these. 27 00:01:55,680 --> 00:02:01,270 So for creating an arc that's something adding another window in the window. 28 00:02:01,750 --> 00:02:03,970 So you need to add some figure here. 29 00:02:03,970 --> 00:02:11,710 So what you need to do here is you are going to add something in the canvas so that something like if 30 00:02:11,710 --> 00:02:12,970 you remember adding J. 31 00:02:13,720 --> 00:02:15,910 So we are going to add child and canvas. 32 00:02:15,910 --> 00:02:17,110 That is in window. 33 00:02:17,830 --> 00:02:20,060 So what we will do here we consider a variable. 34 00:02:20,110 --> 00:02:22,540 OK and three we want this one. 35 00:02:22,570 --> 00:02:24,400 So this one is a little typical. 36 00:02:24,580 --> 00:02:33,280 Try to understand this one seed dot bus create and whatever you want to create underscored arc. 37 00:02:33,670 --> 00:02:41,290 Now the panties in which you need to define some coordinates that at which point you need that one and 38 00:02:41,680 --> 00:02:47,620 then you need to define starting and ending points and any color if you want to I hope this is easy 39 00:02:47,620 --> 00:02:52,750 to understand like creating any feel you require some points then it's starting and ending point and 40 00:02:52,750 --> 00:02:53,960 then any color. 41 00:02:54,340 --> 00:03:06,550 So for coordinates let's define here for your coordinates say 10 15 to 40 and 200 and then it goes over. 42 00:03:06,580 --> 00:03:12,380 This one is 250 goes 300 so we cannot take pride in this. 43 00:03:12,430 --> 00:03:15,540 So no indictment Bostic coordinates. 44 00:03:15,580 --> 00:03:19,900 So instead of passing a list here I have just passed the coordinate. 45 00:03:20,020 --> 00:03:28,540 After that when you need a start point that it says from zero an arc is a curve and is a part of us 46 00:03:28,540 --> 00:03:29,530 so local. 47 00:03:29,890 --> 00:03:31,410 So it requires some angle. 48 00:03:31,420 --> 00:03:37,850 So this is actually an angle beginning from zero and extending up to some extent. 49 00:03:37,960 --> 00:03:46,320 Make sure this is excellent and 750 degree and the bedroom color that is filtered to pass here. 50 00:03:47,250 --> 00:03:49,500 So this one great commanders. 51 00:03:50,170 --> 00:03:54,750 And if you run this one now here you will get this one. 52 00:03:54,960 --> 00:04:01,750 A club is created here and this is an arc a part of circle in which we have this one big from this point 53 00:04:01,780 --> 00:04:05,030 zero and extending up to 150. 54 00:04:05,050 --> 00:04:09,840 This is you can also imagine here we have definitely and this is approximately 150. 55 00:04:10,090 --> 00:04:17,510 If you change the angle say this one one hundred and eighty and the start point is we have 90 degree 56 00:04:18,570 --> 00:04:19,540 save this one. 57 00:04:19,540 --> 00:04:24,020 And if you run this one now there you have this one. 58 00:04:24,500 --> 00:04:29,590 We have extended this one up to 180 degrees beginning from 90. 59 00:04:29,660 --> 00:04:39,970 So from 90 we have here 180 degrees so that we have a simple one beginning from zero and extending to 60 00:04:40,200 --> 00:04:42,450 one hundred and fifty. 61 00:04:42,590 --> 00:04:49,200 This is how you can create the figures in canvas so the five basic figures are listed here. 62 00:04:49,400 --> 00:04:53,660 Like in the article require coordinates then canvas to create underscored. 63 00:04:53,700 --> 00:04:57,960 OK similarly here image created underscored image here. 64 00:04:57,990 --> 00:05:04,430 Create underscore line create underscore all and Polygon after that the inside things are different 65 00:05:04,430 --> 00:05:10,320 from every of these like full arc you require coordinates and starting angle and extending. 66 00:05:11,090 --> 00:05:13,150 But for image you did not require that. 67 00:05:13,370 --> 00:05:19,370 But for that phone you require an image file that is your image saved in your computer. 68 00:05:19,370 --> 00:05:20,400 Here we have this. 69 00:05:20,960 --> 00:05:28,290 Then do we have different parameter that is there height weight and an anchor and a after that creating 70 00:05:28,290 --> 00:05:32,200 a line we just require the line starting and ending point. 71 00:05:32,220 --> 00:05:34,450 Let me also show you creating a line. 72 00:05:34,450 --> 00:05:39,740 That's how you can create a line so Hill and the variable C line. 73 00:05:39,840 --> 00:05:45,420 I want this one in my canvas so see don't create underscore. 74 00:05:45,490 --> 00:05:57,000 Line then here I have C being from N and then I have two hundred two hundred visa. 75 00:05:57,070 --> 00:06:03,660 I am taking x x is and Vi X is done again and point x x is in VI axis. 76 00:06:04,080 --> 00:06:05,260 After that one here. 77 00:06:05,670 --> 00:06:09,610 If you take simply 10 and 200 that's something you are now working on. 78 00:06:09,660 --> 00:06:17,410 Toby so starting point is if you want like the hammock and most it is like if you even defined this 79 00:06:17,410 --> 00:06:22,680 point you require an x axis and Vi axis and this and a point to say descent point you'll be adequate 80 00:06:22,740 --> 00:06:24,500 x axis in by axis. 81 00:06:24,540 --> 00:06:27,650 So I have taken first down and ten desert X Brooke. 82 00:06:27,660 --> 00:06:33,400 Similarly here at this point two hundred two hundred maybe here. 83 00:06:33,450 --> 00:06:37,770 So this one is going to be hard line starting from here and ending here. 84 00:06:38,070 --> 00:06:45,780 And after that once we have a different color that can be visible there like white save this one. 85 00:06:45,830 --> 00:06:53,970 Now you are required to change these by the same and again Don Dedmon. 86 00:06:54,250 --> 00:06:58,770 Here we have a line beginning from and then that is near to this one. 87 00:06:58,780 --> 00:07:02,000 And here we have the two hundred goes two hundred. 88 00:07:02,150 --> 00:07:05,190 So that's how you can view the figures here. 89 00:07:05,200 --> 00:07:12,700 You can try the other figures also that are listed in the notes these polygon over for just simple practice 90 00:07:12,730 --> 00:07:16,570 but if you understand this then it's enough for you. 91 00:07:16,570 --> 00:07:21,050 So this is about the canvas the denoted y and again was much in the projects. 92 00:07:21,050 --> 00:07:26,830 There's something a fidget I need to tell you so that you can know how different types of visits work. 93 00:07:27,430 --> 00:07:28,600 So thanks for watching. 94 00:07:28,600 --> 00:07:32,210 In the next video we will begin to work with Jack Butler. 95 00:07:32,290 --> 00:07:32,780 See you there.