{"id":1436,"date":"2020-03-25T10:04:00","date_gmt":"2020-03-25T10:04:00","guid":{"rendered":"http:\/\/bitmap2lcd.com\/blog\/?p=1436"},"modified":"2020-05-05T11:22:27","modified_gmt":"2020-05-05T11:22:27","slug":"bitmap2lcd-and-vector-library","status":"publish","type":"post","link":"https:\/\/bitmap2lcd.com\/blog\/bitmap2lcd-and-vector-library\/","title":{"rendered":"Bitmap2LCD : Vector Design Module ( Info + Tutorial )"},"content":{"rendered":"<p><span style=\"color: #808080;\"><strong><em>Bitmap2LCD is a tool for programming small Graphic LCDs in embedded systems and a programmable graphic and text processing tool.<\/em><\/strong><\/span><\/p>\n<h2>Bitmap2LCD : Vector Design Module ( General Information )<\/h2>\n<p><strong><span style=\"color: #800080;\">Programming example below <\/span><\/strong><\/p>\n<p><strong><span style=\"color: #ff6600;\">Update V3.9 upwards<br \/><\/span><\/strong><\/p>\n<p><a href=\"https:\/\/bitmap2lcd.com\/blog\/wp-content\/uploads\/2016\/09\/Bitmap2lcd-Vector-Design-Menu.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-2877 size-full\" src=\"https:\/\/bitmap2lcd.com\/blog\/wp-content\/uploads\/2016\/09\/Bitmap2lcd-Vector-Design-Menu.png\" alt=\"\" width=\"917\" height=\"156\" srcset=\"https:\/\/bitmap2lcd.com\/blog\/wp-content\/uploads\/2016\/09\/Bitmap2lcd-Vector-Design-Menu.png 917w, https:\/\/bitmap2lcd.com\/blog\/wp-content\/uploads\/2016\/09\/Bitmap2lcd-Vector-Design-Menu-300x51.png 300w, https:\/\/bitmap2lcd.com\/blog\/wp-content\/uploads\/2016\/09\/Bitmap2lcd-Vector-Design-Menu-768x131.png 768w, https:\/\/bitmap2lcd.com\/blog\/wp-content\/uploads\/2016\/09\/Bitmap2lcd-Vector-Design-Menu-624x106.png 624w\" sizes=\"auto, (max-width: 917px) 100vw, 917px\" \/><\/a><\/p>\n<p style=\"text-align: justify;\">From Version <strong>V3.1<\/strong>\u00a0 Bitmap2LCD is capable to run \/ generate code which is compatible with external vector Libraries such as <strong>GLCD.C<\/strong> , for example one of the many<strong> GLCD library<\/strong> you can download for free or buy on the Internet.<\/p>\n<p style=\"text-align: justify;\">Drawing for example a Line , a circle, an ellipse or a Rectangle on your Graphic LCD becomes very easy : You just have to draw these vectors inside the Work Canvas of Bitmap2LCD (<strong><span style=\"color: #ff0000;\">red arrow<\/span><\/strong>), and the tool generates the code with its coordinates. Another option is to program vectors inside the <strong>script editor<\/strong> and <strong>run<\/strong> the script in the same way as with a Graphic <strong>LCD Simulator<\/strong>.<\/p>\n<p style=\"text-align: justify;\">This code can be exported to the Text Editor for an external use or can be moved to the Vector Script (<strong><span style=\"color: #0000ff;\">blue arrow<\/span><\/strong>).<\/p>\n<h4 style=\"text-align: center;\"><span style=\"color: #800080;\"><strong>Draw Elements in the Work Canvas\u00a0 &lt; &#8212;-&gt;\u00a0 Programm Vector Elements in the script<\/strong><\/span><\/h4>\n<ul>\n<li>Draw Vectors Elements inside the Work canvas \u00a0 \u00a0 &gt;&gt;\u00a0 Export Code inside<strong><span style=\"color: #000000;\"> Text editor<\/span><\/strong><\/li>\n<li>Draw Vector Elements inside the Work canvas\u00a0\u00a0\u00a0\u00a0\u00a0 &gt;&gt;\u00a0 Export Code to the <strong><span style=\"color: #0000ff;\">Current Vectors Script<\/span><\/strong><\/li>\n<\/ul>\n<p>Program Vector Elements inside the Script editor &gt;&gt; Run Script which is Drawing Vector elements inside the Work Canvas<\/p>\n<p><a href=\"https:\/\/bitmap2lcd.com\/blog\/wp-content\/uploads\/2016\/09\/bitmap2lcd_Vector_Programming1.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-2879 size-full\" src=\"https:\/\/bitmap2lcd.com\/blog\/wp-content\/uploads\/2016\/09\/bitmap2lcd_Vector_Programming1.png\" alt=\"\" width=\"785\" height=\"601\" srcset=\"https:\/\/bitmap2lcd.com\/blog\/wp-content\/uploads\/2016\/09\/bitmap2lcd_Vector_Programming1.png 785w, https:\/\/bitmap2lcd.com\/blog\/wp-content\/uploads\/2016\/09\/bitmap2lcd_Vector_Programming1-300x230.png 300w, https:\/\/bitmap2lcd.com\/blog\/wp-content\/uploads\/2016\/09\/bitmap2lcd_Vector_Programming1-768x588.png 768w, https:\/\/bitmap2lcd.com\/blog\/wp-content\/uploads\/2016\/09\/bitmap2lcd_Vector_Programming1-624x478.png 624w\" sizes=\"auto, (max-width: 785px) 100vw, 785px\" \/><\/a><\/p>\n<p style=\"text-align: justify;\">There&#8217;s is a list of Vector design Elements (<span style=\"color: #339966;\"><strong>green arrow<\/strong><\/span>) you can select and then edit each of its parameters.<\/p>\n<p style=\"text-align: justify;\">The vectors Elements are functions to draw a bitmap, to move the cursor, to write a number, a char or a text, to select a font with its size and style, to draw a dot , a line a rectangle or a circle etc&#8230;<\/p>\n<p style=\"text-align: justify;\">The syntax of these Vector Elements can be changed in the Settings Panel to match your particular GLCD library. It&#8217;s easy then to copy the script as it is already and paste it inside your embedded app source editor.<\/p>\n<h2><strong>Buttons :<\/strong><\/h2>\n<p><a href=\"https:\/\/bitmap2lcd.com\/blog\/wp-content\/uploads\/2016\/09\/Bitmap2lcd-Vector-Design-Buttons.png\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-2882 size-full aligncenter\" src=\"https:\/\/bitmap2lcd.com\/blog\/wp-content\/uploads\/2016\/09\/Bitmap2lcd-Vector-Design-Buttons.png\" alt=\"\" width=\"536\" height=\"84\" srcset=\"https:\/\/bitmap2lcd.com\/blog\/wp-content\/uploads\/2016\/09\/Bitmap2lcd-Vector-Design-Buttons.png 536w, https:\/\/bitmap2lcd.com\/blog\/wp-content\/uploads\/2016\/09\/Bitmap2lcd-Vector-Design-Buttons-300x47.png 300w\" sizes=\"auto, (max-width: 536px) 100vw, 536px\" \/><\/a><\/p>\n<h2><strong>Context Menu :<\/strong><\/h2>\n<p><a href=\"https:\/\/bitmap2lcd.com\/blog\/wp-content\/uploads\/2016\/09\/BitmapToLCD_Vectors_Context_Menu-1.png\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-2885 size-full aligncenter\" src=\"https:\/\/bitmap2lcd.com\/blog\/wp-content\/uploads\/2016\/09\/BitmapToLCD_Vectors_Context_Menu-1.png\" alt=\"\" width=\"428\" height=\"470\" srcset=\"https:\/\/bitmap2lcd.com\/blog\/wp-content\/uploads\/2016\/09\/BitmapToLCD_Vectors_Context_Menu-1.png 428w, https:\/\/bitmap2lcd.com\/blog\/wp-content\/uploads\/2016\/09\/BitmapToLCD_Vectors_Context_Menu-1-273x300.png 273w\" sizes=\"auto, (max-width: 428px) 100vw, 428px\" \/><\/a><\/p>\n<h2><strong>The Vector Programming Settings Panel :<\/strong><\/h2>\n<p><a href=\"https:\/\/bitmap2lcd.com\/blog\/wp-content\/uploads\/2016\/09\/bitmap2lcd_vector_design_Settings.png\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-2887 size-full aligncenter\" src=\"https:\/\/bitmap2lcd.com\/blog\/wp-content\/uploads\/2016\/09\/bitmap2lcd_vector_design_Settings.png\" alt=\"\" width=\"546\" height=\"742\" srcset=\"https:\/\/bitmap2lcd.com\/blog\/wp-content\/uploads\/2016\/09\/bitmap2lcd_vector_design_Settings.png 546w, https:\/\/bitmap2lcd.com\/blog\/wp-content\/uploads\/2016\/09\/bitmap2lcd_vector_design_Settings-221x300.png 221w\" sizes=\"auto, (max-width: 546px) 100vw, 546px\" \/><\/a><\/p>\n<p style=\"text-align: justify;\">In the Vector Data Settings Panel, you can set the following parameters : The <strong>Syntax<\/strong> of the Vector Element function, define if enabled or disabled, define if X and Y coordinates only or with length and width, where applicable, with or without fill (color) parameter. The defined syntax will also appear as defined here in the list of Vector Elements above the Script (green arrow above fig.)<\/p>\n<h2><strong>Programming Example<\/strong><\/h2>\n<p style=\"text-align: justify;\">With\u00a0 <a href=\"https:\/\/bitmap2lcd.com\/blog\/wp-content\/uploads\/2014\/07\/vecto2.bmp\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1589\" src=\"https:\/\/bitmap2lcd.com\/blog\/wp-content\/uploads\/2014\/07\/vecto2.bmp\" alt=\"vecto2\" width=\"16\" height=\"16\" \/><\/a>\u00a0 in the main menu, you can enter the <strong>Vector Design Mode<\/strong>.<\/p>\n<p style=\"text-align: justify;\">In the Vector Design mode, <span style=\"color: #800080;\">the <strong>frame<\/strong> around the Work Canvas becomes <strong>purple<\/strong><\/span>.<\/p>\n<p style=\"text-align: justify;\"><a href=\"https:\/\/bitmap2lcd.com\/blog\/wp-content\/uploads\/2016\/09\/Bitmap2lcd_Export_To_Vector_Script.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-2890 size-full\" src=\"https:\/\/bitmap2lcd.com\/blog\/wp-content\/uploads\/2016\/09\/Bitmap2lcd_Export_To_Vector_Script.png\" alt=\"\" width=\"866\" height=\"604\" srcset=\"https:\/\/bitmap2lcd.com\/blog\/wp-content\/uploads\/2016\/09\/Bitmap2lcd_Export_To_Vector_Script.png 866w, https:\/\/bitmap2lcd.com\/blog\/wp-content\/uploads\/2016\/09\/Bitmap2lcd_Export_To_Vector_Script-300x209.png 300w, https:\/\/bitmap2lcd.com\/blog\/wp-content\/uploads\/2016\/09\/Bitmap2lcd_Export_To_Vector_Script-768x536.png 768w, https:\/\/bitmap2lcd.com\/blog\/wp-content\/uploads\/2016\/09\/Bitmap2lcd_Export_To_Vector_Script-624x435.png 624w\" sizes=\"auto, (max-width: 866px) 100vw, 866px\" \/><\/a><\/p>\n<ol>\n<li>Draw a <strong>rectangle and a circle vector <\/strong>in the Work Canvas2<\/li>\n<li>Export <strong>Work Canvas to Vectors<\/strong> (<span style=\"color: #ff0000;\">red arrow<\/span>)<\/li>\n<li>Vector Script has been generated<\/li>\n<li><strong>Clear the Work Canvas<\/strong> with the delete cross or using the context menu item<\/li>\n<li>Export <strong>Vectors To Work Canvas<\/strong><\/li>\n<li>Work Canvas has been updated from Script<\/li>\n<\/ol>\n<p><strong>Vector Elements are selectable to be edited\/moved, selectable in the Work Canvas or in the Script tables <\/strong>(see below)<strong><br \/><\/strong><\/p>\n<h2 style=\"text-align: justify;\"><strong>Loading \/ Saving Vector Files<\/strong><\/h2>\n<h3 style=\"text-align: justify;\"><strong>Saving and loading Bitmap2LCD Vector Design files<\/strong> (Files with .B2L extension)<\/h3>\n<p style=\"text-align: justify;\">The Vector Elements inside the Work Canvas are saved to a .<strong>B2L<\/strong> file. These Vector Elements can be reloaded and edited later, if needed.<\/p>\n<p style=\"text-align: justify;\">B2L Vector Files are saved inside the user defined <strong><span style=\"color: #000080;\">Graphics Library<\/span><\/strong> Folder<\/p>\n<p style=\"text-align: justify;\">See below how to activate the <strong>filter<\/strong> to view only the Vector Files inside the File Explorer.<\/p>\n<p><a href=\"https:\/\/bitmap2lcd.com\/blog\/wp-content\/uploads\/2014\/07\/bitmap2lcd-B2L-filter.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1593\" src=\"https:\/\/bitmap2lcd.com\/blog\/wp-content\/uploads\/2014\/07\/bitmap2lcd-B2L-filter.png\" alt=\"bitmap2lcd B2L filter\" width=\"752\" height=\"495\" srcset=\"https:\/\/bitmap2lcd.com\/blog\/wp-content\/uploads\/2014\/07\/bitmap2lcd-B2L-filter.png 752w, https:\/\/bitmap2lcd.com\/blog\/wp-content\/uploads\/2014\/07\/bitmap2lcd-B2L-filter-300x197.png 300w, https:\/\/bitmap2lcd.com\/blog\/wp-content\/uploads\/2014\/07\/bitmap2lcd-B2L-filter-624x410.png 624w\" sizes=\"auto, (max-width: 752px) 100vw, 752px\" \/><\/a><\/p>\n<p>In the <strong>Vector Design Mode<\/strong> , you can see the parameters of every vector Element inside the &#8216;<strong>Script + Objects<\/strong>&#8216; tab located in the Text Editor Main Tab (<strong><span style=\"color: #0000ff;\">blue arrow<\/span><\/strong>).<\/p>\n<h2><strong>Select a Vector Element in the Vector script <\/strong><\/h2>\n<p>You can select them (<strong><span style=\"color: #ff0000;\">red arrow<\/span><\/strong>) and the selected vector becomes <strong>orange<\/strong> inside the Work Canvas.<\/p>\n<h2><strong>Select a Vector Element in the Work Canvas <\/strong><\/h2>\n<p><strong><span style=\"color: #ff6600;\">Orange arrow<\/span><\/strong> points the Select Vector Element button, the yellow arrow points to the two last lines of the script. These are the rectangle and the circle drawn in the Work Canvas and exported to the script.<\/p>\n<p><a href=\"https:\/\/bitmap2lcd.com\/blog\/wp-content\/uploads\/2014\/07\/Bitmap2lcd_vector_design_3.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1635\" src=\"https:\/\/bitmap2lcd.com\/blog\/wp-content\/uploads\/2014\/07\/Bitmap2lcd_vector_design_3.png\" alt=\"Bitmap2lcd_vector_design_3\" width=\"1109\" height=\"848\" srcset=\"https:\/\/bitmap2lcd.com\/blog\/wp-content\/uploads\/2014\/07\/Bitmap2lcd_vector_design_3.png 1109w, https:\/\/bitmap2lcd.com\/blog\/wp-content\/uploads\/2014\/07\/Bitmap2lcd_vector_design_3-300x229.png 300w, https:\/\/bitmap2lcd.com\/blog\/wp-content\/uploads\/2014\/07\/Bitmap2lcd_vector_design_3-1024x783.png 1024w, https:\/\/bitmap2lcd.com\/blog\/wp-content\/uploads\/2014\/07\/Bitmap2lcd_vector_design_3-624x477.png 624w\" sizes=\"auto, (max-width: 1109px) 100vw, 1109px\" \/><\/a><\/p>\n<h2><strong>Formats of the Vector Elements\u00a0<\/strong> ( syntaxes are user definable )<strong><br \/><\/strong><\/h2>\n<p><strong>GLCD.Dot<\/strong> or\u00a0<strong>GLCD.SetPixel<\/strong> (X,Y,Color)<\/p>\n<p><strong>GLCD.Rect<\/strong> (X1,Y1,X2,Y2,Color)<\/p>\n<p><strong>GLCD.FillRect<\/strong> (X1,Y1,X2,Y2,Color)<\/p>\n<p><strong>GLCD.RoundRect<\/strong> (X1,Y1,X2,Y2,R,Color)<\/p>\n<p><strong>GLCD.FillRoundRect<\/strong> (X1,Y1,X2,Y2,R,Color)<\/p>\n<p><strong>GLCD.CIrcle<\/strong> (X1,Y1,X2,Y2,Color)<\/p>\n<p><strong>GLCD.FillCircle<\/strong> (X1,Y1,X2,Y2,Color)<\/p>\n<p><strong>GLCD.Line<\/strong> (X1,Y1,X2,Y2,Color)<\/p>\n<p><strong>GLCD.VLine<\/strong> (X,Y,Height,Color)<\/p>\n<p><strong>GLCD.HLine<\/strong> (X,Y,Length,Color)<\/p>\n<p><strong>GLCD.DrawBitmap<\/strong> (Filename.bmp,X,Y)<\/p>\n<p>Filename of <strong>bmp<\/strong> file located in the Graphics files folder. &gt; no folder name allowed here !<\/p>\n<p><strong>GLCD.DrawBitmap<\/strong> (Filename*,X,Y,Width,Height)<\/p>\n<p>* filename of converted <strong>*.h<\/strong> file located in the output files folder but <strong>without extension<\/strong>,<\/p>\n<p><em> No folder allowed here, data direction and endianness must be set correctly\u00a0 : this operation uses the data to graphic conversion ! Currently only <strong>monochrome<\/strong> data files supported !<\/em><\/p>\n<p><strong>GLCD.GotoXY<\/strong> or <strong>GLCD.CursorTo<\/strong> (X,Y)<\/p>\n<p><strong>GLCD.Puts<\/strong> (&#8220;text&#8221;)<\/p>\n<p>&#8221; are optional and definable<\/p>\n<p><strong>GLCD.PrintNumber<\/strong> (numeric value)<\/p>\n<p><strong>GLCD.InvertRect<\/strong> (X1,Y1,X2,Y2)<\/p>\n<p><strong>GLCD.Putchar<\/strong> (character)<\/p>\n<p><strong>GLCD.ClearScr<\/strong> ()<\/p>\n<p><strong>Delay<\/strong> (mS)\u00a0\u00a0 &gt;&gt; max 5000 mS<\/p>\n<p><strong>GLCD.SelectFont<\/strong> (System Font Name, Font Size, Font Styles (max 4x)*)<\/p>\n<p>*Font styles are : Bold, Italic, StrikedOut, Underlined<\/p>\n<p><em>Currently only <strong>System Fonts <\/strong>supported<strong><br \/><\/strong><\/em><\/p>\n<p>Monochrome :<\/p>\n<p>Color = 1 is white<\/p>\n<p>Color= 0\u00a0 is black<\/p>\n<h3>\u00a0<\/h3>\n<h3>Select and modify Vectors<\/h3>\n<p style=\"text-align: justify;\"><span style=\"color: #333333;\">At the right side of the Script and Objects panel, there&#8217;s a vector tree where you can find the list of the vectors having been drawn inside the Work Canvas. By clicking on a vector (<\/span><span style=\"color: #0000ff;\"><span style=\"color: #000000;\"><span style=\"color: #333333;\"><strong><span style=\"color: #0000ff;\">blue arrow<\/span>), <\/strong>the list of its Properties appears in the Properties view.<\/span> (<strong><span style=\"color: #ff0000;\">red arrow<\/span><\/strong>).<\/span><\/span><\/p>\n<p style=\"text-align: justify;\">In the Properties View, you can edit the X and Y coordinates and if available, the corner radius of the selected vector.<\/p>\n<p style=\"text-align: justify;\">The vectors programmed inside the script, <strong>do not appear<\/strong> in the vector tree and Properties list.<\/p>\n<p><a href=\"https:\/\/bitmap2lcd.com\/blog\/wp-content\/uploads\/2014\/07\/bitmap2lcd-Vector-Paramaters.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1673\" src=\"https:\/\/bitmap2lcd.com\/blog\/wp-content\/uploads\/2014\/07\/bitmap2lcd-Vector-Paramaters.png\" alt=\"bitmap2lcd Vector Paramaters\" width=\"625\" height=\"644\" srcset=\"https:\/\/bitmap2lcd.com\/blog\/wp-content\/uploads\/2014\/07\/bitmap2lcd-Vector-Paramaters.png 625w, https:\/\/bitmap2lcd.com\/blog\/wp-content\/uploads\/2014\/07\/bitmap2lcd-Vector-Paramaters-291x300.png 291w, https:\/\/bitmap2lcd.com\/blog\/wp-content\/uploads\/2014\/07\/bitmap2lcd-Vector-Paramaters-624x642.png 624w\" sizes=\"auto, (max-width: 625px) 100vw, 625px\" \/><\/a><\/p>\n\n\n<figure class=\"wp-block-embed-wordpress wp-block-embed is-type-wp-embed is-provider-bitmap-2-lcd-software-tool-blog-about-glcd-displays-and-programming\"><div class=\"wp-block-embed__wrapper\">\n<blockquote class=\"wp-embedded-content\" data-secret=\"ulPGZ7FCpd\"><a href=\"https:\/\/bitmap2lcd.com\/blog\/glcd-vector-programming-simulator-debugger\/\">GLCD Vector Programming Simulator \/ Debugger<\/a><\/blockquote><iframe loading=\"lazy\" class=\"wp-embedded-content\" sandbox=\"allow-scripts\" security=\"restricted\" style=\"position: absolute; clip: rect(1px, 1px, 1px, 1px);\" title=\"&#8220;GLCD Vector Programming Simulator \/ Debugger&#8221; &#8212; Bitmap2LCD Software Tool Blog :: about GLCD displays and Programming\" src=\"https:\/\/bitmap2lcd.com\/blog\/glcd-vector-programming-simulator-debugger\/embed\/#?secret=r3VhaskSiF#?secret=ulPGZ7FCpd\" data-secret=\"ulPGZ7FCpd\" width=\"600\" height=\"338\" frameborder=\"0\" marginwidth=\"0\" marginheight=\"0\" scrolling=\"no\"><\/iframe>\n<\/div><\/figure>\n\t<div class=\"quickshare-container\">\r\n\t<ul class=\"quickshare-genericons quickshare-effect-round quickshare-effect-expand quickshare-small\">\r\n\t\t<li class=\"quickshare-share\"><\/li> \r\n\t\t<li><a href=\"https:\/\/facebook.com\/sharer.php?u=https%3A%2F%2Fbitmap2lcd.com%2Fblog%2Fbitmap2lcd-and-vector-library%2F&amp;t=Bitmap2LCD+%3A+Vector+Design+Module+%28+Info+%2B+Tutorial+%29+<+Bitmap2LCD+Software+Tool+Blog+%3A%3A+about+GLCD+displays+and+Programming\" target=\"_blank\" title=\"Share on Facebook\"><span class=\"quickshare-facebook\">Facebook<\/span><\/a><\/li>\t\t<li><a href=\"https:\/\/twitter.com\/intent\/tweet?url=https%3A%2F%2Fbitmap2lcd.com%2Fblog%2Fbitmap2lcd-and-vector-library%2F&amp;text=Bitmap2LCD+%3A+Vector+Design+Module+%28+Info+%2B+Tutorial+%29+<+Bitmap2LCD+Software+Tool+Blog+%3A%3A+about+GLCD+displays+and+Programming\" target=\"_blank\" title=\"Share on Twitter\"><span class=\"quickshare-twitter\">Twitter<\/span><\/a><\/li>\t\t<li><a href=\"http:\/\/pinterest.com\/pin\/create\/button\/?url=https%3A%2F%2Fbitmap2lcd.com%2Fblog%2Fbitmap2lcd-and-vector-library%2F&amp;media=https%3A%2F%2Fbitmap2lcd.com%2Fblog%2Fwp-content%2Fuploads%2F2016%2F09%2FBitmap2lcd_Export_To_Vector_Script-300x209.png&amp;description=Bitmap2LCD+is+a+tool+for+programming+small+Graphic+LCDs+in+embedded+systems+and+a+programmable+graphic+and+text+processing+tool.+Bitmap2LCD+%3A+Vector+Design+Module+%28+General+Information+%29+Programming+example+below+Update+V3.9+upwards+From+Version+V3.1%C2%A0+Bitmap2LCD+is%26hellip%3B\" target=\"_blank\" title=\"Share on Pinterest\"><span class=\"quickshare-pinterest\">Pinterest<\/span><\/a><\/li>\t\t<li><a href=\"http:\/\/linkedin.com\/shareArticle?mini=true&amp;url=https%3A%2F%2Fbitmap2lcd.com%2Fblog%2Fbitmap2lcd-and-vector-library%2F&amp;title=Bitmap2LCD+%3A+Vector+Design+Module+%28+Info+%2B+Tutorial+%29&amp;source=Bitmap2LCD+Software+Tool+Blog+%3A%3A+about+GLCD+displays+and+Programming&amp;summary=Bitmap2LCD+is+a+tool+for+programming+small+Graphic+LCDs+in+embedded+systems+and+a+programmable+graphic+and+text+processing+tool.+Bitmap2LCD+%3A+Vector+Design+Module+%28+General+Information+%29+Programming+example+below+Update+V3.9+upwards+From+Version+V3.1%C2%A0+Bitmap2LCD+is%26hellip%3B\" title=\"Share on Linkedin\" target=\"_blank\"><span class=\"quickshare-linkedin\">Linkedin<\/span><\/a><\/li>\t\t<li><a href=\"https:\/\/plus.google.com\/share?url=https%3A%2F%2Fbitmap2lcd.com%2Fblog%2Fbitmap2lcd-and-vector-library%2F\" target=\"_blank\" title=\"Share on Google+\"><span class=\"quickshare-googleplus\">Google+<\/span><\/a><\/li>\t\t\t\t\t\t\t\t<li><a href=\"mailto:?subject=Bitmap2LCD+Software+Tool+Blog+%3A%3A+about+GLCD+displays+and+Programming:+Bitmap2LCD+%3A+Vector+Design+Module+%28+Info+%2B+Tutorial+%29&amp;body=https%3A%2F%2Fbitmap2lcd.com%2Fblog%2Fbitmap2lcd-and-vector-library%2F\" target=\"_blank\" title=\"Share via Email\"><span class=\"quickshare-email\">Email<\/span><\/a><\/li>\t<\/ul>\r\n\t<\/div>\r\n","protected":false},"excerpt":{"rendered":"<p>Bitmap2LCD is a tool for programming small Graphic LCDs in embedded systems and a programmable graphic and text processing tool. Bitmap2LCD : Vector Design Module ( General Information ) Programming example below Update V3.9 upwards From Version V3.1\u00a0 Bitmap2LCD is capable to run \/ generate code which is compatible with external vector Libraries such as [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"categories":[490],"tags":[499,500,498,493,444,495,492,550,551,496,497,494,501,549,562],"class_list":["post-1436","post","type-post","status-publish","format-standard","hentry","category-glcd-vectors","tag-draw-a-line-on-graphic-lcd","tag-draw-a-rectangle-on-glcd","tag-glcd-fucntion","tag-glcd-lib","tag-glcd-library","tag-glcd-vectors-2","tag-glcd-c","tag-glcd-drawbitmap","tag-glcd-puts","tag-glcd_circle","tag-glcd_line","tag-glcd_rectangle","tag-graphic-lcd-vectors","tag-lcd-simulator","tag-vector-properties"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/bitmap2lcd.com\/blog\/wp-json\/wp\/v2\/posts\/1436","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bitmap2lcd.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/bitmap2lcd.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/bitmap2lcd.com\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/bitmap2lcd.com\/blog\/wp-json\/wp\/v2\/comments?post=1436"}],"version-history":[{"count":83,"href":"https:\/\/bitmap2lcd.com\/blog\/wp-json\/wp\/v2\/posts\/1436\/revisions"}],"predecessor-version":[{"id":2927,"href":"https:\/\/bitmap2lcd.com\/blog\/wp-json\/wp\/v2\/posts\/1436\/revisions\/2927"}],"wp:attachment":[{"href":"https:\/\/bitmap2lcd.com\/blog\/wp-json\/wp\/v2\/media?parent=1436"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/bitmap2lcd.com\/blog\/wp-json\/wp\/v2\/categories?post=1436"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/bitmap2lcd.com\/blog\/wp-json\/wp\/v2\/tags?post=1436"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}