{"id":2536,"date":"2025-04-16T05:21:26","date_gmt":"2025-04-16T05:21:26","guid":{"rendered":"https:\/\/webprojects.cloud\/wordpress\/splatco\/?post_type=spl_knowledgebase&#038;p=2536"},"modified":"2025-06-10T11:18:05","modified_gmt":"2025-06-10T11:18:05","slug":"drawimage","status":"publish","type":"spl_knowledgebase","link":"https:\/\/webprojects.cloud\/wordpress\/splatco\/knowledgebase\/programming-reference\/instructions-arranged-by-function\/hash-commands-and-functions\/hmi-controller-instructions\/drawimage\/","title":{"rendered":"# DrawImage()"},"content":{"rendered":"\n<figure class=\"wp-block-table\"><table class=\"has-fixed-layout\"><tbody><tr><th>Valid For<\/th><td>#HMI<\/td><\/tr><tr><th>Applies To<\/th><td>HMI430<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p>This function displays an image on the LCD.&nbsp; Only PNG images and SPLat &#8220;dif&#8221; images are supported.<\/p>\n\n\n\n<h6 class=\"wp-block-heading\">Function Prototype<\/h6>\n\n\n\n<pre class=\"wp-block-preformatted\">#HMI DrawImage(<br>   id:IdNumber,<br>   x:TopLeftPositionX,<br>   y:TopLeftPositionY,<br>   i:\"ImageFilename\",<br>   z:ZIndex,<br>   ro:Rotation,<br>   ox:RotationOriginX,<br>   oy:RotationOriginY,<br>   a:AlphaOpacity )<\/pre>\n\n\n\n<figure class=\"wp-block-table\"><table class=\"has-fixed-layout\"><tbody><tr><th>Parameter<\/th><th>Option<\/th><th>Description<\/th><\/tr><tr><th>id<\/th><td>optional<\/td><td>Numerical identifier for the image in the range 0 thru 29.&nbsp; Only required if you plan to alter the image later (like moving it, or swapping it for a different one).&nbsp;&nbsp;&nbsp;<\/td><\/tr><tr><th>x&nbsp;<\/th><td>mandatory&nbsp;&nbsp;&nbsp;<\/td><td>TopLeft X coordinate where the top left corner of the image should be drawn, relative to the whole screen.\u00a0 Any of the\u00a0<a href=\"https:\/\/webprojects.cloud\/wordpress\/splatco\/knowledgebase\/programming-reference\/instructions-arranged-by-function\/hash-commands-and-functions\/hmi-controller-instructions\/positioning\/\">positioning methods<\/a>\u00a0may be used.<\/td><\/tr><tr><th>y&nbsp;<\/th><td>mandatory<\/td><td>TopLeft Y coordinate where the t\u00a0\u00a0\u00a0op left corner of the image should be drawn, relative to the whole screen.\u00a0 Any of the\u00a0<a href=\"https:\/\/webprojects.cloud\/wordpress\/splatco\/knowledgebase\/programming-reference\/instructions-arranged-by-function\/hash-commands-and-functions\/hmi-controller-instructions\/positioning\/\">positioning methods<\/a>\u00a0may be used.<\/td><\/tr><tr><th>i<\/th><td>mandatory<\/td><td>Name of the image file, limited to 32 characters.&nbsp; Only .png and .dif images are supported.<\/td><\/tr><tr><th>z&nbsp;<\/th><td>optional&nbsp;&nbsp;&nbsp;<\/td><td>Z-Index.&nbsp; By default images are drawn at a z-index of 64.&nbsp;&nbsp;&nbsp;<\/td><\/tr><tr><th>ro&nbsp;&nbsp;&nbsp;<\/th><td>optional&nbsp;&nbsp;&nbsp;<\/td><td>Angle in degrees at which the image should be rotated.&nbsp; Positive rotates anti-clockwise, negative rotates clockwise.&nbsp; Be aware rotation takes a lot of time, time which is taken away from your control application.&nbsp; So use this sparingly &#8211; preferrably not at all.&nbsp; Defaults to none.<\/td><\/tr><tr><th>ox&nbsp;&nbsp;&nbsp;<\/th><td>optional&nbsp;&nbsp;&nbsp;<\/td><td>Only relevant if rotating, this is the rotation centre of the image in pixels.&nbsp; For example, if you have an image that is 5 x 15 and the middle is the rotation centre, then ox would be set to 2 (ie it has pixels at [0, 1,&nbsp;<strong>2<\/strong>, 3, 4] 2 is the middle)&nbsp;&nbsp;&nbsp;<\/td><\/tr><tr><th>oy&nbsp;&nbsp;&nbsp;<\/th><td>optional&nbsp;&nbsp;&nbsp;<\/td><td>Also only relevant if rotating, this is the rotation centre of the image in pixels.&nbsp;&nbsp;&nbsp;<\/td><\/tr><tr><th>a&nbsp;<\/th><td>optional<\/td><td>Alpha opacity allows you to fade the image.&nbsp; It may be a number in the range 0 thru 255, or 0% thru 100% where:0, 0%: completely transparent128, 50%: half transparent255, 100%: completely opaque (solid)255\/100% is the default.<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<h6 class=\"wp-block-heading\">Description<\/h6>\n\n\n\n<p>The HMI430 supports up to 30 images.&nbsp; Images are a managed object, meaning the HMI430 will automatically redraw the image if buttons or text are drawn over it.&nbsp; It also means images can be drawn, then moved simply by referring to their ID and specifying the new position.&nbsp; All the original information such as filename and z-index are retained.<\/p>\n\n\n\n<p>SPLat\/PC does not download images to the HMI.&nbsp; Instead, you must manually place images in the HMI filesystem, in the&nbsp;<strong>Internal Storage<\/strong>&nbsp;folder.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"412\" src=\"https:\/\/webprojects.cloud\/wordpress\/splatco\/wp-content\/uploads\/2025\/04\/DrawImage-1-1024x412.png\" alt=\"\" class=\"wp-image-2537\" srcset=\"https:\/\/webprojects.cloud\/wordpress\/splatco\/wp-content\/uploads\/2025\/04\/DrawImage-1-1024x412.png 1024w, https:\/\/webprojects.cloud\/wordpress\/splatco\/wp-content\/uploads\/2025\/04\/DrawImage-1-300x121.png 300w, https:\/\/webprojects.cloud\/wordpress\/splatco\/wp-content\/uploads\/2025\/04\/DrawImage-1-768x309.png 768w, https:\/\/webprojects.cloud\/wordpress\/splatco\/wp-content\/uploads\/2025\/04\/DrawImage-1-600x241.png 600w, https:\/\/webprojects.cloud\/wordpress\/splatco\/wp-content\/uploads\/2025\/04\/DrawImage-1-64x26.png 64w, https:\/\/webprojects.cloud\/wordpress\/splatco\/wp-content\/uploads\/2025\/04\/DrawImage-1.png 1041w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Downloading a new program to the HMI from SPLat\/PC will not erase any image or font files in the HMI.<\/p>\n\n\n\n<p>Images are positioned relative to the screen, but only the part of the image that lies within the current bounds will be drawn.&nbsp; Applying a bounds limit makes it possible to draw a section of an image, for example the water image in a tank image.&nbsp; Changing the bounds will not alter the visible part of the image unless DrawImage() is called again.&nbsp; Simply saying&nbsp;<strong>DrawImage( id:5 )<\/strong>&nbsp;is enough to apply the new current bounds to an existing image.<\/p>\n\n\n\n<p>Be aware that\u00a0<a href=\"https:\/\/webprojects.cloud\/wordpress\/splatco\/knowledgebase\/deprecated\/hmi-android-windows\/resetibgimage-bbgcolour-hash-function\/\">#Reset()<\/a>\u00a0will erase all images and you will need to specify them fully if you want them drawn again.<\/p>\n\n\n\n<p>Note: When using an image whose colour is not completely solid on a non-transparent background, the underlying firmware automatically draws a border around the image.<\/p>\n\n\n\n<h6 class=\"wp-block-heading\">Gotchya&#8217;s<\/h6>\n\n\n\n<p>Q. I&#8217;m calling DrawImage() with all the correct parameters, but it&#8217;s not being displayed.<br>A. Make sure it&#8217;s not being drawn outside any bounds.&nbsp; If necessary, remove bounds with&nbsp;<strong>#HMI SetBounds()<\/strong>.<\/p>\n\n\n\n<h6 class=\"wp-block-heading\">Examples<\/h6>\n\n\n\n<pre class=\"wp-block-preformatted\">#HMI DrawImage( x:11px, y:100px, i:\"watertank.png\" )<\/pre>\n\n\n\n<p>Draws an image with the top left corner of the image placed at (11, 100).&nbsp; As the id is automatically assigned, you&#8217;ll have no way of altering this image later.<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">#HMI DrawImage( id:0, x:50px, y:160px, i:\"ptrsolid.png\" )<\/pre>\n\n\n\n<p>Draws an image with the top left corner of the image placed at (50, 160) and assigns it with an ID of id 0.<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">#HMI DrawImage( id:0, x:(f(=w,3,0), \"px\") )<\/pre>\n\n\n\n<p>Moves the image to the new X position that&#8217;s in the W register.&nbsp; The Y position will stay the same.<\/p>\n\n\n\n<h6 class=\"wp-block-heading\">Rotation<\/h6>\n\n\n\n<p>A fully worked example that shows how to rotate an image can be found\u00a0<a href=\"https:\/\/webprojects.cloud\/wordpress\/splatco\/knowledgebase\/programming-examples\/tutorial-multitasking-superseded\/\">here<\/a>.\u00a0 This is what it does:<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"480\" height=\"272\" src=\"https:\/\/webprojects.cloud\/wordpress\/splatco\/wp-content\/uploads\/2025\/04\/DrawImage-2.gif\" alt=\"\" class=\"wp-image-2538\"\/><\/figure>\n\n\n\n<h6 class=\"wp-block-heading\">Animation<\/h6>\n\n\n\n<p>Animation isn&#8217;t too hard.&nbsp; Let&#8217;s say you&#8217;ve got a 4 frame animation with files named:<br>&nbsp;&nbsp;&nbsp;Working0.png, Working1.png, Working2.png, Working3.png<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"50\" height=\"50\" src=\"https:\/\/webprojects.cloud\/wordpress\/splatco\/wp-content\/uploads\/2025\/04\/DrawImage-3.gif\" alt=\"\" class=\"wp-image-2539\"\/><\/figure>\n\n\n\n<p>Displaying each of these in turn at a regular interval is quite easy.&nbsp;<\/p>\n\n\n\n<p>The trick is in constructing the filename.&nbsp; Here&#8217;s how you could do it.<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\"><br>bFrameNum   defBYTE    ;use this to remember which frame we're at<br><br>   ...<br>   SetMem         bFrameNum,0<br>   #HMI           DrawImage( id:1, x:154px, y:109px, i:\"Working0.png\" ) ) draw and position the first frame<br>   ...<br><br>_LoopStart<br>   MarkTime                         ;(re)start the timer<br>_Loop<br>   YieldTask<br>   ;<br>   ; do other UI stuff here<br>   ;<br>   LoopIfTiming   15,_Loop          ;150ms between frame updates<br>   Recall         bFrameNum         ;calc next..<br>   IncX<br>   Push                             ;..frame<br>   GoIfXlt        4,_UIPTSaveFrame  ;jump if within 4 frames<br>   LoadX          0                 ;otherwise back to the first frame<br>_UIPTSaveFrame<br>   Push                             ;copy<br>   Store          bFrameNum         ;save this frame num<br>   #HMI           DrawImage( id:1, i:( \"Working\", b(=x), \".png\" ) )  ;display the next frame<br>   Goto           _UIPTLoopStart    ;loop over, restarting the frame timer<br><\/pre>\n\n\n\n<p>So the magic is in,&nbsp;<strong>i:( &#8220;Working&#8221;, b(=x), &#8220;.png&#8221; )<\/strong>.&nbsp; It is using the X register to make the name of the next file to display.&nbsp; If X = 2, this would make the name&nbsp;<strong>Working2.png<\/strong>.&nbsp; This new frame would replace the existing one, thus making an animation.&nbsp; Oh yeah, don&#8217;t forget to use the same ID!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Valid For #HMI Applies To HMI430 This function displays an image on the LCD.&nbsp; Only PNG images and SPLat &#8220;dif&#8221; images are supported. Function Prototype&#8230;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":2505,"menu_order":11,"template":"","class_list":["post-2536","spl_knowledgebase","type-spl_knowledgebase","status-publish","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.6 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title># DrawImage() - SPLat Controls<\/title>\n<meta name=\"robots\" content=\"noindex, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"# DrawImage() - SPLat Controls\" \/>\n<meta property=\"og:description\" content=\"Valid For #HMI Applies To HMI430 This function displays an image on the LCD.&nbsp; Only PNG images and SPLat &#8220;dif&#8221; images are supported. Function Prototype...\" \/>\n<meta property=\"og:url\" content=\"https:\/\/webprojects.cloud\/wordpress\/splatco\/knowledgebase\/programming-reference\/instructions-arranged-by-function\/hash-commands-and-functions\/hmi-controller-instructions\/drawimage\/\" \/>\n<meta property=\"og:site_name\" content=\"SPLat Controls\" \/>\n<meta property=\"article:modified_time\" content=\"2025-06-10T11:18:05+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/webprojects.cloud\/wordpress\/splatco\/wp-content\/uploads\/2025\/04\/DrawImage-1.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1041\" \/>\n\t<meta property=\"og:image:height\" content=\"419\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"5 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/webprojects.cloud\/wordpress\/splatco\/knowledgebase\/programming-reference\/instructions-arranged-by-function\/hash-commands-and-functions\/hmi-controller-instructions\/drawimage\/\",\"url\":\"https:\/\/webprojects.cloud\/wordpress\/splatco\/knowledgebase\/programming-reference\/instructions-arranged-by-function\/hash-commands-and-functions\/hmi-controller-instructions\/drawimage\/\",\"name\":\"# DrawImage() - SPLat Controls\",\"isPartOf\":{\"@id\":\"https:\/\/webprojects.cloud\/wordpress\/splatco\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/webprojects.cloud\/wordpress\/splatco\/knowledgebase\/programming-reference\/instructions-arranged-by-function\/hash-commands-and-functions\/hmi-controller-instructions\/drawimage\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/webprojects.cloud\/wordpress\/splatco\/knowledgebase\/programming-reference\/instructions-arranged-by-function\/hash-commands-and-functions\/hmi-controller-instructions\/drawimage\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/webprojects.cloud\/wordpress\/splatco\/wp-content\/uploads\/2025\/04\/DrawImage-1-1024x412.png\",\"datePublished\":\"2025-04-16T05:21:26+00:00\",\"dateModified\":\"2025-06-10T11:18:05+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/webprojects.cloud\/wordpress\/splatco\/knowledgebase\/programming-reference\/instructions-arranged-by-function\/hash-commands-and-functions\/hmi-controller-instructions\/drawimage\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/webprojects.cloud\/wordpress\/splatco\/knowledgebase\/programming-reference\/instructions-arranged-by-function\/hash-commands-and-functions\/hmi-controller-instructions\/drawimage\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webprojects.cloud\/wordpress\/splatco\/knowledgebase\/programming-reference\/instructions-arranged-by-function\/hash-commands-and-functions\/hmi-controller-instructions\/drawimage\/#primaryimage\",\"url\":\"https:\/\/webprojects.cloud\/wordpress\/splatco\/wp-content\/uploads\/2025\/04\/DrawImage-1.png\",\"contentUrl\":\"https:\/\/webprojects.cloud\/wordpress\/splatco\/wp-content\/uploads\/2025\/04\/DrawImage-1.png\",\"width\":1041,\"height\":419},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/webprojects.cloud\/wordpress\/splatco\/knowledgebase\/programming-reference\/instructions-arranged-by-function\/hash-commands-and-functions\/hmi-controller-instructions\/drawimage\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/webprojects.cloud\/wordpress\/splatco\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Programming reference\",\"item\":\"https:\/\/webprojects.cloud\/wordpress\/splatco\/knowledgebase\/programming-reference\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Instructions arranged by function\",\"item\":\"https:\/\/webprojects.cloud\/wordpress\/splatco\/knowledgebase\/programming-reference\/instructions-arranged-by-function\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"# Hash commands and functions\",\"item\":\"https:\/\/webprojects.cloud\/wordpress\/splatco\/knowledgebase\/programming-reference\/instructions-arranged-by-function\/hash-commands-and-functions\/\"},{\"@type\":\"ListItem\",\"position\":5,\"name\":\"# HMI Controller Instructions\",\"item\":\"https:\/\/webprojects.cloud\/wordpress\/splatco\/knowledgebase\/programming-reference\/instructions-arranged-by-function\/hash-commands-and-functions\/hmi-controller-instructions\/\"},{\"@type\":\"ListItem\",\"position\":6,\"name\":\"# DrawImage()\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/webprojects.cloud\/wordpress\/splatco\/#website\",\"url\":\"https:\/\/webprojects.cloud\/wordpress\/splatco\/\",\"name\":\"SPLat Controls\",\"description\":\"OEM Embedded Machine Controllers\",\"publisher\":{\"@id\":\"https:\/\/webprojects.cloud\/wordpress\/splatco\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/webprojects.cloud\/wordpress\/splatco\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/webprojects.cloud\/wordpress\/splatco\/#organization\",\"name\":\"SPLat Controls\",\"url\":\"https:\/\/webprojects.cloud\/wordpress\/splatco\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webprojects.cloud\/wordpress\/splatco\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/webprojects.cloud\/wordpress\/splatco\/wp-content\/uploads\/2024\/10\/logo.svg\",\"contentUrl\":\"https:\/\/webprojects.cloud\/wordpress\/splatco\/wp-content\/uploads\/2024\/10\/logo.svg\",\"caption\":\"SPLat Controls\"},\"image\":{\"@id\":\"https:\/\/webprojects.cloud\/wordpress\/splatco\/#\/schema\/logo\/image\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"# DrawImage() - SPLat Controls","robots":{"index":"noindex","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"og_locale":"en_US","og_type":"article","og_title":"# DrawImage() - SPLat Controls","og_description":"Valid For #HMI Applies To HMI430 This function displays an image on the LCD.&nbsp; Only PNG images and SPLat &#8220;dif&#8221; images are supported. Function Prototype...","og_url":"https:\/\/webprojects.cloud\/wordpress\/splatco\/knowledgebase\/programming-reference\/instructions-arranged-by-function\/hash-commands-and-functions\/hmi-controller-instructions\/drawimage\/","og_site_name":"SPLat Controls","article_modified_time":"2025-06-10T11:18:05+00:00","og_image":[{"width":1041,"height":419,"url":"https:\/\/webprojects.cloud\/wordpress\/splatco\/wp-content\/uploads\/2025\/04\/DrawImage-1.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/webprojects.cloud\/wordpress\/splatco\/knowledgebase\/programming-reference\/instructions-arranged-by-function\/hash-commands-and-functions\/hmi-controller-instructions\/drawimage\/","url":"https:\/\/webprojects.cloud\/wordpress\/splatco\/knowledgebase\/programming-reference\/instructions-arranged-by-function\/hash-commands-and-functions\/hmi-controller-instructions\/drawimage\/","name":"# DrawImage() - SPLat Controls","isPartOf":{"@id":"https:\/\/webprojects.cloud\/wordpress\/splatco\/#website"},"primaryImageOfPage":{"@id":"https:\/\/webprojects.cloud\/wordpress\/splatco\/knowledgebase\/programming-reference\/instructions-arranged-by-function\/hash-commands-and-functions\/hmi-controller-instructions\/drawimage\/#primaryimage"},"image":{"@id":"https:\/\/webprojects.cloud\/wordpress\/splatco\/knowledgebase\/programming-reference\/instructions-arranged-by-function\/hash-commands-and-functions\/hmi-controller-instructions\/drawimage\/#primaryimage"},"thumbnailUrl":"https:\/\/webprojects.cloud\/wordpress\/splatco\/wp-content\/uploads\/2025\/04\/DrawImage-1-1024x412.png","datePublished":"2025-04-16T05:21:26+00:00","dateModified":"2025-06-10T11:18:05+00:00","breadcrumb":{"@id":"https:\/\/webprojects.cloud\/wordpress\/splatco\/knowledgebase\/programming-reference\/instructions-arranged-by-function\/hash-commands-and-functions\/hmi-controller-instructions\/drawimage\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/webprojects.cloud\/wordpress\/splatco\/knowledgebase\/programming-reference\/instructions-arranged-by-function\/hash-commands-and-functions\/hmi-controller-instructions\/drawimage\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webprojects.cloud\/wordpress\/splatco\/knowledgebase\/programming-reference\/instructions-arranged-by-function\/hash-commands-and-functions\/hmi-controller-instructions\/drawimage\/#primaryimage","url":"https:\/\/webprojects.cloud\/wordpress\/splatco\/wp-content\/uploads\/2025\/04\/DrawImage-1.png","contentUrl":"https:\/\/webprojects.cloud\/wordpress\/splatco\/wp-content\/uploads\/2025\/04\/DrawImage-1.png","width":1041,"height":419},{"@type":"BreadcrumbList","@id":"https:\/\/webprojects.cloud\/wordpress\/splatco\/knowledgebase\/programming-reference\/instructions-arranged-by-function\/hash-commands-and-functions\/hmi-controller-instructions\/drawimage\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/webprojects.cloud\/wordpress\/splatco\/"},{"@type":"ListItem","position":2,"name":"Programming reference","item":"https:\/\/webprojects.cloud\/wordpress\/splatco\/knowledgebase\/programming-reference\/"},{"@type":"ListItem","position":3,"name":"Instructions arranged by function","item":"https:\/\/webprojects.cloud\/wordpress\/splatco\/knowledgebase\/programming-reference\/instructions-arranged-by-function\/"},{"@type":"ListItem","position":4,"name":"# Hash commands and functions","item":"https:\/\/webprojects.cloud\/wordpress\/splatco\/knowledgebase\/programming-reference\/instructions-arranged-by-function\/hash-commands-and-functions\/"},{"@type":"ListItem","position":5,"name":"# HMI Controller Instructions","item":"https:\/\/webprojects.cloud\/wordpress\/splatco\/knowledgebase\/programming-reference\/instructions-arranged-by-function\/hash-commands-and-functions\/hmi-controller-instructions\/"},{"@type":"ListItem","position":6,"name":"# DrawImage()"}]},{"@type":"WebSite","@id":"https:\/\/webprojects.cloud\/wordpress\/splatco\/#website","url":"https:\/\/webprojects.cloud\/wordpress\/splatco\/","name":"SPLat Controls","description":"OEM Embedded Machine Controllers","publisher":{"@id":"https:\/\/webprojects.cloud\/wordpress\/splatco\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/webprojects.cloud\/wordpress\/splatco\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/webprojects.cloud\/wordpress\/splatco\/#organization","name":"SPLat Controls","url":"https:\/\/webprojects.cloud\/wordpress\/splatco\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webprojects.cloud\/wordpress\/splatco\/#\/schema\/logo\/image\/","url":"https:\/\/webprojects.cloud\/wordpress\/splatco\/wp-content\/uploads\/2024\/10\/logo.svg","contentUrl":"https:\/\/webprojects.cloud\/wordpress\/splatco\/wp-content\/uploads\/2024\/10\/logo.svg","caption":"SPLat Controls"},"image":{"@id":"https:\/\/webprojects.cloud\/wordpress\/splatco\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/webprojects.cloud\/wordpress\/splatco\/wp-json\/wp\/v2\/spl_knowledgebase\/2536","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/webprojects.cloud\/wordpress\/splatco\/wp-json\/wp\/v2\/spl_knowledgebase"}],"about":[{"href":"https:\/\/webprojects.cloud\/wordpress\/splatco\/wp-json\/wp\/v2\/types\/spl_knowledgebase"}],"author":[{"embeddable":true,"href":"https:\/\/webprojects.cloud\/wordpress\/splatco\/wp-json\/wp\/v2\/users\/1"}],"up":[{"embeddable":true,"href":"https:\/\/webprojects.cloud\/wordpress\/splatco\/wp-json\/wp\/v2\/spl_knowledgebase\/2505"}],"wp:attachment":[{"href":"https:\/\/webprojects.cloud\/wordpress\/splatco\/wp-json\/wp\/v2\/media?parent=2536"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}