{"id":4929,"date":"2014-01-29T08:20:58","date_gmt":"2014-01-29T00:20:58","guid":{"rendered":"http:\/\/www.vbtutor.net\/?page_id=4929"},"modified":"2018-06-24T17:01:22","modified_gmt":"2018-06-24T09:01:22","slug":"visual-basic-2013-lesson-27-creating-graphics-ellipse-circle","status":"publish","type":"page","link":"https:\/\/www.vbtutor.net\/index.php\/visual-basic-2013-lesson-27-creating-graphics-ellipse-circle\/","title":{"rendered":"Visual Basic 2013 Lesson 27: Drawing Ellipse and Circle"},"content":{"rendered":"<h4 style=\"text-align: center;\"><a href=\"http:\/\/www.vbtutor.net\/index.php\/visual-basic-2013-lesson-26-creating-graphics-drawing-rectangle\/\">[Lesson 26] <\/a>&lt;&lt; <a href=\"http:\/\/www.vbtutor.net\/index.php\/visual-basic-2013-tutorial\/\">[Contents] <\/a>&gt;&gt; <a href=\"http:\/\/www.vbtutor.net\/index.php\/visual-basic-2013-lesson-28-creating-graphics-drawing-text\/\">[Lesson 28]<\/a><\/h4>\n<p>We have learned how to draw rectangles with various line styles in Visual Basic 2013 in the previous lesson. In this\u00a0lesson, we shall learn how to draw ellipse and circle. As a matter\u00a0of fact, The method to draw an ellipse and circle is the same.<\/p>\n<h3>27.1 Drawing an Ellipse<\/h3>\n<p>First of all, we need to understand the principle behind drawing an ellipse in Visual Basic 2013. The basic structure of most shapes is a rectangle, an ellipse is no exception. Ellipse is an oval shape that is bounded by a rectangle, as shown in Figure 27.1<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone\" src=\"https:\/\/www.vbtutor.net\/vb2010\/vb2010_Image\/lesson23_1.jpg\" alt=\"\" width=\"211\" height=\"107\" \/><\/p>\n<p><strong>Figure 27.1<\/strong><\/p>\n<p><script async src=\"\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js\"><\/script><br \/>\n<ins class=\"adsbygoogle\" style=\"display: block; text-align: center;\" data-ad-layout=\"in-article\" data-ad-format=\"fluid\" data-ad-client=\"ca-pub-3033628290023372\" data-ad-slot=\"3914691604\"><\/ins><br \/>\n<script>\n     (adsbygoogle = window.adsbygoogle || []).push({});\n<\/script><br \/>\nTherefore, we need to create a Rectangle object before we can draw an ellipse. This rectangle serves as a bounding rectangle for the ellipse. However, you still need to use the <strong>DrawEllipse<\/strong> method to finish the job.\u00a0On the other hand, we can also draw an ellipse with the <strong>DrawEllipse<\/strong> method without first creating a rectangle. We shall show you both methods. In the first method, let&#8217;s say you have created a rectangle object known as myRectangle and a pen object as myPen, then you can draw an ellipse using the following statement:<\/p>\n<pre style=\"font-size: 110%;\">myGraphics.DrawEllipse(myPen, myRectangle)<\/pre>\n<p>* Assume you have also already created the Graphics object myGraphics.<\/p>\n<h4><strong>Example 27.1(a)<\/strong><\/h4>\n<pre style=\"font-size: 110%;\">Private Sub BtnDraw_Click(sender As Object, e As EventArgs) Handles BtnDraw.Click\r\nDim myPen As Pen\r\n myPen = New Pen(Drawing.Color.DarkTurquoise, 5)\r\nDim myGraphics As Graphics = Me.CreateGraphics\r\nDim myRectangle As New Rectangle\r\n myRectangle.X = 40\r\n myRectangle.Y = 30\r\n myRectangle.Width = 200\r\n myRectangle.Height = 100\r\n myGraphics.DrawEllipse(myPen, myRectangle)\r\nEnd Sub\r\n<\/pre>\n<p>The output image is shown in Figure 27.2<br \/>\n<a href=\"https:\/\/www.vbtutor.net\/wordpress\/wp-content\/uploads\/2014\/01\/vb2013_figure27.1.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-4934\" src=\"https:\/\/www.vbtutor.net\/wordpress\/wp-content\/uploads\/2014\/01\/vb2013_figure27.1.jpg\" alt=\"vb2013_figure27.1\" width=\"300\" height=\"300\" \/><\/a><br \/>\n<script async src=\"\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js\"><\/script><br \/>\n<ins class=\"adsbygoogle\" style=\"display: block; text-align: center;\" data-ad-layout=\"in-article\" data-ad-format=\"fluid\" data-ad-client=\"ca-pub-3033628290023372\" data-ad-slot=\"3914691604\"><\/ins><br \/>\n<script>\n     (adsbygoogle = window.adsbygoogle || []).push({});\n<\/script><\/p>\n<p style=\"text-align: center;\">\u00a0<strong>Figure 27.2<\/strong><\/p>\n<p>The second method is using the <strong>DrawEllipse<\/strong> method without creating a rectangle object. Of course, you still have to create the Graphics and the Pen objects. The syntax is:<\/p>\n<pre style=\"font-size: 110%;\">myGraphics.DrawEllipse(myPen, X,Y,Width, Height)\r\n<\/pre>\n<p>Where (X, Y) are the coordinates of the upper-left corner of the bounding rectangle, width is the width of the ellipse and height is the height of the ellipse.<\/p>\n<h4>Example 27.1(b)<\/h4>\n<pre style=\"font-size: 110%;\">Private Sub BtnDraw_Click(sender As Object, e As EventArgs) Handles BtnDraw.ClickDim myPen As Pen\r\n myPen = New Pen(Drawing.Color.DarkTurquoise, 5)\r\nDim myGraphics As Graphics = Me.CreateGraphics\r\n myGraphics.DrawEllipse(myPen, 40, 30, 200, 100)\r\nEnd Sub\r\n<\/pre>\n<h3>27.2 Drawing a Circle<\/h3>\n<p>After you have learned how to draw an ellipse, drawing a circle becomes very simple. We use exactly the same methods used in the preceding section but modify the width and height so that they are of the same values.<\/p>\n<p>The following examples draw the same circle.<\/p>\n<p><strong>Example 27.2(a)<\/strong><\/p>\n<pre style=\"font-size: 110%;\">Dim myPen As Pen\r\n myPen = New Pen(Drawing.Color.DarkTurquoise, 5)\r\nDim myGraphics As Graphics = Me.CreateGraphics\r\nDim myRectangle As New Rectangle\r\n myRectangle.X = 90\r\n myRectangle.Y = 30\r\n myRectangle.Width = 100\r\n myRectangle.Height = 100\r\n myGraphics.DrawEllipse(myPen, myRectangle)\r\n<\/pre>\n<h4><strong>Example 27.2(b)<\/strong><\/h4>\n<pre style=\"font-size: 110%;\">Dim myPen As Pen\r\n myPen = New Pen(Drawing.Color.DarkTurquoise, 5)\r\nDim myGraphics As Graphics = Me.CreateGraphics\r\n myGraphics.DrawEllipse(myPen, 90, 30, 100, 100)\r\n<\/pre>\n<p>The output image is shown in Figure 27.3<\/p>\n<p><a href=\"https:\/\/www.vbtutor.net\/wordpress\/wp-content\/uploads\/2014\/01\/vb2013_figure27.2.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-4943\" src=\"https:\/\/www.vbtutor.net\/wordpress\/wp-content\/uploads\/2014\/01\/vb2013_figure27.2.jpg\" alt=\"vb2013_figure27.2\" width=\"300\" height=\"300\" \/><\/a><\/p>\n<p style=\"text-align: center;\"><strong>Figure 27.3<\/strong><\/p>\n<p><script async src=\"\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js\"><\/script><br \/>\n<ins class=\"adsbygoogle\" style=\"display: block;\" data-ad-format=\"autorelaxed\" data-ad-client=\"ca-pub-3033628290023372\" data-ad-slot=\"3644929102\"><\/ins><br \/>\n<script>\n     (adsbygoogle = window.adsbygoogle || []).push({});\n<\/script><\/p>\n<h4 style=\"text-align: center;\"><a href=\"http:\/\/www.vbtutor.net\/index.php\/visual-basic-2013-lesson-26-creating-graphics-drawing-rectangle\/\">[Lesson 26]\u00a0<\/a>&lt;&lt;\u00a0<a href=\"http:\/\/www.vbtutor.net\/index.php\/visual-basic-2013-tutorial\/\">[Contents]\u00a0<\/a>&gt;&gt; <a href=\"http:\/\/www.vbtutor.net\/index.php\/visual-basic-2013-lesson-28-creating-graphics-drawing-text\/\">[Lesson 28]<\/a><\/h4>\n","protected":false},"excerpt":{"rendered":"<p>[Lesson 26] &lt;&lt; [Contents] &gt;&gt; [Lesson 28] We have learned how to draw rectangles with various line styles in Visual Basic 2013 in the previous lesson. In this\u00a0lesson, we shall learn how to draw ellipse and circle. As a matter\u00a0of fact, The method to draw an ellipse and circle is the same. 27.1 Drawing an &hellip; <a href=\"https:\/\/www.vbtutor.net\/index.php\/visual-basic-2013-lesson-27-creating-graphics-ellipse-circle\/\" class=\"more-link\">Continue reading <span class=\"screen-reader-text\">Visual Basic 2013 Lesson 27: Drawing Ellipse and Circle<\/span><\/a><\/p>\n","protected":false},"author":23013,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"categories":[],"tags":[],"class_list":["post-4929","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.0 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Visual Basic 2013 Lesson 27: Drawing Ellipse and Circle - Learn Visual Basic Programming \u2013 VB.NET, VBA &amp; Classic VB<\/title>\n<meta name=\"description\" content=\"This article discuss the methods of drawing ellipse and circle in visual basic 2013\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"http:\/\/www.vbtutor.net\/vb2013\/vb2013_lesson27.html\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Visual Basic 2013 Lesson 27: Drawing Ellipse and Circle - Learn Visual Basic Programming \u2013 VB.NET, VBA &amp; Classic VB\" \/>\n<meta property=\"og:description\" content=\"This article discuss the methods of drawing ellipse and circle in visual basic 2013\" \/>\n<meta property=\"og:url\" content=\"http:\/\/www.vbtutor.net\/vb2013\/vb2013_lesson27.html\" \/>\n<meta property=\"og:site_name\" content=\"Learn Visual Basic Programming \u2013 VB.NET, VBA &amp; Classic VB\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/Vbtutor\" \/>\n<meta property=\"article:modified_time\" content=\"2018-06-24T09:01:22+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.vbtutor.net\/vb2010\/vb2010_Image\/lesson23_1.jpg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@liewvk\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.vbtutor.net\/index.php\/visual-basic-2013-lesson-27-creating-graphics-ellipse-circle\/\",\"url\":\"http:\/\/www.vbtutor.net\/vb2013\/vb2013_lesson27.html\",\"name\":\"Visual Basic 2013 Lesson 27: Drawing Ellipse and Circle - Learn Visual Basic Programming \u2013 VB.NET, VBA &amp; Classic VB\",\"isPartOf\":{\"@id\":\"https:\/\/www.vbtutor.net\/#website\"},\"primaryImageOfPage\":{\"@id\":\"http:\/\/www.vbtutor.net\/vb2013\/vb2013_lesson27.html#primaryimage\"},\"image\":{\"@id\":\"http:\/\/www.vbtutor.net\/vb2013\/vb2013_lesson27.html#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.vbtutor.net\/vb2010\/vb2010_Image\/lesson23_1.jpg\",\"datePublished\":\"2014-01-29T00:20:58+00:00\",\"dateModified\":\"2018-06-24T09:01:22+00:00\",\"description\":\"This article discuss the methods of drawing ellipse and circle in visual basic 2013\",\"breadcrumb\":{\"@id\":\"http:\/\/www.vbtutor.net\/vb2013\/vb2013_lesson27.html#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"http:\/\/www.vbtutor.net\/vb2013\/vb2013_lesson27.html\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"http:\/\/www.vbtutor.net\/vb2013\/vb2013_lesson27.html#primaryimage\",\"url\":\"https:\/\/www.vbtutor.net\/vb2010\/vb2010_Image\/lesson23_1.jpg\",\"contentUrl\":\"https:\/\/www.vbtutor.net\/vb2010\/vb2010_Image\/lesson23_1.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"http:\/\/www.vbtutor.net\/vb2013\/vb2013_lesson27.html#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.vbtutor.net\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Visual Basic 2013 Lesson 27: Drawing Ellipse and Circle\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.vbtutor.net\/#website\",\"url\":\"https:\/\/www.vbtutor.net\/\",\"name\":\"Learn Visual Basic Programming \u2013 VB.NET, VBA &amp; Classic VB\",\"description\":\"Start learning Visual Basic from beginner to advanced. Includes VB.NET, VBA, and classic VB tutorials for students and professionals.\",\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Visual Basic 2013 Lesson 27: Drawing Ellipse and Circle - Learn Visual Basic Programming \u2013 VB.NET, VBA &amp; Classic VB","description":"This article discuss the methods of drawing ellipse and circle in visual basic 2013","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"http:\/\/www.vbtutor.net\/vb2013\/vb2013_lesson27.html","og_locale":"en_US","og_type":"article","og_title":"Visual Basic 2013 Lesson 27: Drawing Ellipse and Circle - Learn Visual Basic Programming \u2013 VB.NET, VBA &amp; Classic VB","og_description":"This article discuss the methods of drawing ellipse and circle in visual basic 2013","og_url":"http:\/\/www.vbtutor.net\/vb2013\/vb2013_lesson27.html","og_site_name":"Learn Visual Basic Programming \u2013 VB.NET, VBA &amp; Classic VB","article_publisher":"https:\/\/www.facebook.com\/Vbtutor","article_modified_time":"2018-06-24T09:01:22+00:00","og_image":[{"url":"https:\/\/www.vbtutor.net\/vb2010\/vb2010_Image\/lesson23_1.jpg","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_site":"@liewvk","twitter_misc":{"Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.vbtutor.net\/index.php\/visual-basic-2013-lesson-27-creating-graphics-ellipse-circle\/","url":"http:\/\/www.vbtutor.net\/vb2013\/vb2013_lesson27.html","name":"Visual Basic 2013 Lesson 27: Drawing Ellipse and Circle - Learn Visual Basic Programming \u2013 VB.NET, VBA &amp; Classic VB","isPartOf":{"@id":"https:\/\/www.vbtutor.net\/#website"},"primaryImageOfPage":{"@id":"http:\/\/www.vbtutor.net\/vb2013\/vb2013_lesson27.html#primaryimage"},"image":{"@id":"http:\/\/www.vbtutor.net\/vb2013\/vb2013_lesson27.html#primaryimage"},"thumbnailUrl":"https:\/\/www.vbtutor.net\/vb2010\/vb2010_Image\/lesson23_1.jpg","datePublished":"2014-01-29T00:20:58+00:00","dateModified":"2018-06-24T09:01:22+00:00","description":"This article discuss the methods of drawing ellipse and circle in visual basic 2013","breadcrumb":{"@id":"http:\/\/www.vbtutor.net\/vb2013\/vb2013_lesson27.html#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["http:\/\/www.vbtutor.net\/vb2013\/vb2013_lesson27.html"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"http:\/\/www.vbtutor.net\/vb2013\/vb2013_lesson27.html#primaryimage","url":"https:\/\/www.vbtutor.net\/vb2010\/vb2010_Image\/lesson23_1.jpg","contentUrl":"https:\/\/www.vbtutor.net\/vb2010\/vb2010_Image\/lesson23_1.jpg"},{"@type":"BreadcrumbList","@id":"http:\/\/www.vbtutor.net\/vb2013\/vb2013_lesson27.html#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.vbtutor.net\/"},{"@type":"ListItem","position":2,"name":"Visual Basic 2013 Lesson 27: Drawing Ellipse and Circle"}]},{"@type":"WebSite","@id":"https:\/\/www.vbtutor.net\/#website","url":"https:\/\/www.vbtutor.net\/","name":"Learn Visual Basic Programming \u2013 VB.NET, VBA &amp; Classic VB","description":"Start learning Visual Basic from beginner to advanced. Includes VB.NET, VBA, and classic VB tutorials for students and professionals.","inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/www.vbtutor.net\/index.php\/wp-json\/wp\/v2\/pages\/4929","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.vbtutor.net\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.vbtutor.net\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.vbtutor.net\/index.php\/wp-json\/wp\/v2\/users\/23013"}],"replies":[{"embeddable":true,"href":"https:\/\/www.vbtutor.net\/index.php\/wp-json\/wp\/v2\/comments?post=4929"}],"version-history":[{"count":38,"href":"https:\/\/www.vbtutor.net\/index.php\/wp-json\/wp\/v2\/pages\/4929\/revisions"}],"predecessor-version":[{"id":13081,"href":"https:\/\/www.vbtutor.net\/index.php\/wp-json\/wp\/v2\/pages\/4929\/revisions\/13081"}],"wp:attachment":[{"href":"https:\/\/www.vbtutor.net\/index.php\/wp-json\/wp\/v2\/media?parent=4929"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.vbtutor.net\/index.php\/wp-json\/wp\/v2\/categories?post=4929"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.vbtutor.net\/index.php\/wp-json\/wp\/v2\/tags?post=4929"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}