{"id":92,"date":"2022-05-10T16:25:40","date_gmt":"2022-05-10T15:25:40","guid":{"rendered":"https:\/\/blogs.glowscotland.org.uk\/glowblogs\/phsn5computingscience\/?page_id=92"},"modified":"2024-08-26T14:38:48","modified_gmt":"2024-08-26T13:38:48","slug":"vector-graphics","status":"publish","type":"page","link":"https:\/\/blogs.glowscotland.org.uk\/glowblogs\/phsn5computingscience\/vector-graphics\/","title":{"rendered":"Vector Graphics"},"content":{"rendered":"<p><span data-contrast=\"auto\">A\u00a0<\/span><b><span data-contrast=\"auto\">Vector<\/span><\/b><span data-contrast=\"auto\">\u00a0graphic is an image that is stored in a file as a collection of\u00a0<\/span><b><span data-contrast=\"none\">objects<\/span><\/b><span data-contrast=\"auto\"> such as a rectangle, ellipse, line and polygon.\u00a0 <\/span><\/p>\n<p><span data-contrast=\"auto\">The <\/span><b><span data-contrast=\"none\">attributes<\/span><\/b><span data-contrast=\"auto\">\u00a0of each object are stored such as\u00a0<\/span><\/p>\n<ul>\n<li><b><span data-contrast=\"none\">X and Y co-ordinates<\/span><\/b><\/li>\n<li><b><span data-contrast=\"none\">fil<\/span><\/b><b style=\"font-size: 1rem\"><span data-contrast=\"none\">l colour<\/span><\/b><\/li>\n<li><strong style=\"font-size: 1rem\">line thickness<\/strong><\/li>\n<li><b><span data-contrast=\"none\">line colour<\/span><\/b><\/li>\n<\/ul>\n<p><span data-contrast=\"auto\"> Objects can be layered one on top of the other to create image.<\/span><\/p>\n<ul>\n<li data-aria-posinset=\"1\" data-aria-level=\"2\"><span data-contrast=\"auto\">A Vector graphic is stored in a file as a group of objects and their attributes.<\/span><\/li>\n<li data-aria-posinset=\"1\" data-aria-level=\"2\"><span data-contrast=\"auto\">The\u00a0<\/span><b><span data-contrast=\"none\">more objects<\/span><\/b><span data-contrast=\"auto\">\u00a0that are added, the more data that must be stored, therefore the<\/span><b><span data-contrast=\"auto\">\u00a0<\/span><\/b><b><span data-contrast=\"none\">file size will increase<\/span><\/b><span data-contrast=\"auto\">.\u00a0\u00a0<\/span><\/li>\n<li data-aria-posinset=\"1\" data-aria-level=\"2\"><span data-contrast=\"auto\">A Vector graphic is<\/span><b><span data-contrast=\"none\">\u00a0resolution independent<\/span><\/b><span data-contrast=\"auto\">, this means it can be resized without losing clarity (it does not pixelate).\u00a0<\/span><\/li>\n<\/ul>\n<p>The 4 vector graphics that you need to know for N5 Computing Science is:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-93\" src=\"https:\/\/blogs.glowscotland.org.uk\/glowblogs\/public\/phsn5computingscience\/uploads\/sites\/10033\/2022\/05\/10161736\/Screenshot-2022-05-10-161718-300x243.png\" alt=\"\" width=\"582\" height=\"471\" srcset=\"https:\/\/blogs.glowscotland.org.uk\/glowblogs\/public\/phsn5computingscience\/uploads\/sites\/10033\/2022\/05\/10161736\/Screenshot-2022-05-10-161718-300x243.png 300w, https:\/\/blogs.glowscotland.org.uk\/glowblogs\/public\/phsn5computingscience\/uploads\/sites\/10033\/2022\/05\/10161736\/Screenshot-2022-05-10-161718-1024x829.png 1024w, https:\/\/blogs.glowscotland.org.uk\/glowblogs\/public\/phsn5computingscience\/uploads\/sites\/10033\/2022\/05\/10161736\/Screenshot-2022-05-10-161718-768x622.png 768w, https:\/\/blogs.glowscotland.org.uk\/glowblogs\/public\/phsn5computingscience\/uploads\/sites\/10033\/2022\/05\/10161736\/Screenshot-2022-05-10-161718-624x505.png 624w, https:\/\/blogs.glowscotland.org.uk\/glowblogs\/public\/phsn5computingscience\/uploads\/sites\/10033\/2022\/05\/10161736\/Screenshot-2022-05-10-161718.png 1260w\" sizes=\"auto, (max-width: 582px) 100vw, 582px\" \/><\/p>\n<p><span data-contrast=\"none\">A vector graphic does not store the picture itself but the instructions of how to draw the picture.<\/span><\/p>\n<p><span data-contrast=\"auto\">A ellipse might be stored as:<\/span><\/p>\n<p><span data-contrast=\"auto\">\u00a0\u00a0\u00a0\u00a0 <strong>ellipse (centre x<b>coordinates <\/b>, centre y <b>\u00a0coordinates start<\/b>, radius, line colour, fill colour)<\/strong><\/span><strong>\u00a0<\/strong><\/p>\n<p><span data-contrast=\"auto\">A line might be stored as<\/span><\/p>\n<p><b>\u00a0 \u00a0 \u00a0Line(x coordinates start, y coordinates start, x coordinates start, y\u00a0coordinates start, line colour)\u00a0<\/b><\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-100\" src=\"https:\/\/blogs.glowscotland.org.uk\/glowblogs\/public\/phsn5computingscience\/uploads\/sites\/10033\/2022\/05\/10163402\/Screenshot-2022-05-10-162813-300x226.png\" alt=\"\" width=\"633\" height=\"477\" srcset=\"https:\/\/blogs.glowscotland.org.uk\/glowblogs\/public\/phsn5computingscience\/uploads\/sites\/10033\/2022\/05\/10163402\/Screenshot-2022-05-10-162813-300x226.png 300w, https:\/\/blogs.glowscotland.org.uk\/glowblogs\/public\/phsn5computingscience\/uploads\/sites\/10033\/2022\/05\/10163402\/Screenshot-2022-05-10-162813-1024x770.png 1024w, https:\/\/blogs.glowscotland.org.uk\/glowblogs\/public\/phsn5computingscience\/uploads\/sites\/10033\/2022\/05\/10163402\/Screenshot-2022-05-10-162813-768x578.png 768w, https:\/\/blogs.glowscotland.org.uk\/glowblogs\/public\/phsn5computingscience\/uploads\/sites\/10033\/2022\/05\/10163402\/Screenshot-2022-05-10-162813-624x469.png 624w, https:\/\/blogs.glowscotland.org.uk\/glowblogs\/public\/phsn5computingscience\/uploads\/sites\/10033\/2022\/05\/10163402\/Screenshot-2022-05-10-162813.png 1260w\" sizes=\"auto, (max-width: 633px) 100vw, 633px\" \/><\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>A\u00a0Vector\u00a0graphic is an image that is stored in a file as a collection of\u00a0objects such as a rectangle, ellipse, line and polygon.\u00a0 The attributes\u00a0of each object are stored such as\u00a0 X and Y co-ordinates fill colour line thickness line colour Objects can be layered one on top of the other to create image. A Vector [&hellip;]<\/p>\n","protected":false},"author":79984,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-92","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/blogs.glowscotland.org.uk\/glowblogs\/phsn5computingscience\/wp-json\/wp\/v2\/pages\/92","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blogs.glowscotland.org.uk\/glowblogs\/phsn5computingscience\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/blogs.glowscotland.org.uk\/glowblogs\/phsn5computingscience\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/blogs.glowscotland.org.uk\/glowblogs\/phsn5computingscience\/wp-json\/wp\/v2\/users\/79984"}],"replies":[{"embeddable":true,"href":"https:\/\/blogs.glowscotland.org.uk\/glowblogs\/phsn5computingscience\/wp-json\/wp\/v2\/comments?post=92"}],"version-history":[{"count":7,"href":"https:\/\/blogs.glowscotland.org.uk\/glowblogs\/phsn5computingscience\/wp-json\/wp\/v2\/pages\/92\/revisions"}],"predecessor-version":[{"id":601,"href":"https:\/\/blogs.glowscotland.org.uk\/glowblogs\/phsn5computingscience\/wp-json\/wp\/v2\/pages\/92\/revisions\/601"}],"wp:attachment":[{"href":"https:\/\/blogs.glowscotland.org.uk\/glowblogs\/phsn5computingscience\/wp-json\/wp\/v2\/media?parent=92"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}