Display

A lcd display library

M5 Series Display Libraries

1. Display

• A low-level graphics library providing basic screen drawing, text, lines, and color management.

• Can be used independently, suitable for scenarios that only require drawing graphics or text.

2. M5Widgets

• A basic UI widget library providing labels, image displays, and other UI controls.

• Built on top of M5GFX.

• Suitable for simple interactive UI elements.

3. M5UI

• A high-level UI framework based on LVGL.

• Provides page management, multi-widget layouts, and unified event handling.

Usage Tips

• ⚠️ Do not mix M5GFX, M5Widgets, and M5UI simultaneously, as it may cause rendering issues or event conflicts.

• For graphics-only drawing → use M5GFX.

• For simple interactive widgets → use M5Widgets.

• For multi-page UI → use M5UI.

UiFlow2 Example

Basic Drawing

Open the cores3_draw_test_example.m5f2 project in UiFlow2.

This example demonstrates basic drawing functions of Display, including text, images, QR code, and various shapes.

UiFlow2 Code Block:

Example output:

None

Canvas Drawing

Open the cores3_display_canvas_example.m5f2 project in UiFlow2.

This example demonstrates how to create and use a canvas for drawing. It creates a canvas with 2-bit color depth, draws circles on it, and then pushes the canvas to the display.

UiFlow2 Code Block:

Example output:

None

MicroPython Example

Basic Drawing

This example demonstrates basic drawing functions of Display, including text, images, QR code, and various shapes.

MicroPython Code Block:

# SPDX-FileCopyrightText: 2026 M5Stack Technology CO LTD
#
# SPDX-License-Identifier: MIT
import os, sys, io
import M5
from M5 import *


def setup():
    M5.begin()
    Widgets.setRotation(1)
    Widgets.fillScreen(0x222222)
    print((str("rotation: ") + str((M5.Lcd.getRotation()))))
    print((str((str("w: ") + str((M5.Lcd.width())))) + str((str("h:") + str((M5.Lcd.height()))))))
    M5.Lcd.setRotation(1)
    M5.Lcd.clear(0x000000)
    M5.Lcd.setTextColor(0x0000FF, 0x000000)
    M5.Lcd.setCursor(200, 3)
    M5.Lcd.printf("hello M5")
    M5.Lcd.print("hello M5", 0x6600CC)
    M5.Lcd.drawImage("/flash/res/img/default.png", 0, 0)
    M5.Lcd.drawQR("Hello", 220, 40, 100, 1)
    M5.Lcd.drawCircle(30, 80, 20, 0x3333FF)
    M5.Lcd.fillCircle(80, 80, 20, 0x009900)
    M5.Lcd.drawEllipse(60, 140, 50, 30, 0x00FF00)
    M5.Lcd.fillEllipse(60, 140, 30, 20, 0xFFFF00)
    M5.Lcd.drawLine(115, 10, 115, 60, 0xFF0000)
    M5.Lcd.drawRect(125, 10, 40, 30, 0xFF0000)
    M5.Lcd.fillRect(125, 50, 40, 30, 0x00FF00)
    M5.Lcd.drawTriangle(135, 150, 110, 190, 160, 190, 0x00FF00)
    M5.Lcd.fillTriangle(145, 150, 170, 190, 190, 150, 0x0000FF)
    M5.Lcd.drawArc(10, 180, 40, 45, 0, 90, 0xFFFF00)
    M5.Lcd.fillArc(20, 190, 40, 45, 0, 90, 0x00FFFF)


def loop():
    M5.update()


if __name__ == "__main__":
    try:
        setup()
        while True:
            loop()
    except (Exception, KeyboardInterrupt) as e:
        try:
            from utility import print_error_msg

            print_error_msg(e)
        except ImportError:
            print("please update to latest firmware")

Example output:

None

Canvas Drawing

This example demonstrates how to create and use a canvas for drawing. It creates a canvas with 2-bit color depth, draws circles on it, and then pushes the canvas to the display.

MicroPython Code Block:

# SPDX-FileCopyrightText: 2026 M5Stack Technology CO LTD
#
# SPDX-License-Identifier: MIT
import os, sys, io
import M5
from M5 import *


title0 = None


def setup():
    global title0
    M5.begin()
    Widgets.setRotation(1)
    Widgets.fillScreen(0x222222)
    title0 = Widgets.Title("Display canvas example", 3, 0xFFFFFF, 0x0000FF, Widgets.FONTS.DejaVu18)
    canvas_rmy = M5.Lcd.newCanvas(100, 100, 2, True)
    canvas_rmy.drawCircle(30, 30, 20, 0xFFFFFF)
    canvas_rmy.drawCircle(30, 50, 20, 0xFFFFFF)
    canvas_rmy.drawCircle(50, 40, 20, 0xFFFFFF)
    canvas_rmy.push(50, 30)
    print((str("colro depth: ") + str((canvas_rmy.getColorDepth()))))


def loop():
    global title0
    M5.update()


if __name__ == "__main__":
    try:
        setup()
        while True:
            loop()
    except (Exception, KeyboardInterrupt) as e:
        try:
            from utility import print_error_msg

            print_error_msg(e)
        except ImportError:
            print("please update to latest firmware")

Example output:

None

API

class M5.Display

width()

Get the horizontal resolution of the display.

Returns width:

horizontal resolution in pixels.

Return type:

int

UiFlow2 Code Block:

MicroPython Code Block:

Display.width()

height()

Get the vertical resolution of the display.

Returns height:

vertical resolution in pixels.

Return type:

int

UiFlow2 Code Block:

MicroPython Code Block:

Display.height()

getRotation()

Get the current rotation of the display.

Returns rotation:

display rotation value.

Return type:

int

Rotation values:

• 1: 0° rotation

• 2: 90° rotation

• 3: 180° rotation

• 4: 270° rotation

UiFlow2 Code Block:

MicroPython Code Block:

Display.getRotation()

getColorDepth()

Get the color depth of the display.

Returns depth:

color depth in bits per pixel.

Return type:

int

UiFlow2 Code Block:

MicroPython Code Block:

Display.getColorDepth()

getCursor()

Get the current cursor position on the display.

Returns pos:

tuple (x, y) of cursor position.

Return type:

tuple

UiFlow2 Code Block:

MicroPython Code Block:

Display.getCursor()

setRotation(r)

Set the rotation of the display.

Parameters:

r (int) – rotation value (1~4) - 1: 0° rotation - 2: 90° rotation - 3: 180° rotation - 4: 270° rotation

UiFlow2 Code Block:

MicroPython Code Block:

Display.setRotation(2)

setColorDepth(bpp)

Set the color depth of the canvas.

Parameters:

bpp (int) – desired color depth in bits per pixel.

Notes: This method only applies to canvas objects, not the display itself. For CoreS3 devices, the display color depth is fixed at 16 bits.

UiFlow2 Code Block:

MicroPython Code Block:

Display.setColorDepth(16)

setEpdMode(epd_mode)

Set the EPD mode for the display.

Parameters:

epd_mode (int) – desired EPD mode - 0: M5.Lcd.EPDMode.EPD_QUALITY - 1: M5.Lcd.EPDMode.EPD_TEXT - 2: M5.Lcd.EPDMode.EPD_FAST - 3: M5.Lcd.EPDMode.EPD_FASTEST

Notes: Only applicable to devices with EPD capabilities.

UiFlow2 Code Block:

MicroPython Code Block:

Display.setEpdMode(2)

isEPD()

Check if the display is an EPD (Electronic Paper Display).

Returns is_epd:

True if the display is EPD, False otherwise.

Return type:

bool

UiFlow2 Code Block:

MicroPython Code Block:

Display.isEPD()

setFont(font)

Set the font for the display.

Parameters:

font –

support built-in font and font file(e.g., .bin(lvgl binary font format) or .vlw(Processing font format)). The following built-in fonts are available:

Font Name	Status	Alternatives	Unsupported Devices
M5.Lcd.FONTS.ASCII7	❌ Deprecated	M5.Lcd.FONTS.Montserrat12
M5.Lcd.FONTS.DejaVu9	❌ Deprecated	M5.Lcd.FONTS.Montserrat12
M5.Lcd.FONTS.DejaVu12	❌ Deprecated	M5.Lcd.FONTS.Montserrat14
M5.Lcd.FONTS.DejaVu18	❌ Deprecated	M5.Lcd.FONTS.Montserrat18
M5.Lcd.FONTS.DejaVu24	❌ Deprecated	M5.Lcd.FONTS.Montserrat24
M5.Lcd.FONTS.DejaVu40	❌ Deprecated	M5.Lcd.FONTS.Montserrat40
M5.Lcd.FONTS.DejaVu56	❌ Deprecated	M5.Lcd.FONTS.Montserrat44
M5.Lcd.FONTS.DejaVu72	❌ Deprecated	M5.Lcd.FONTS.Montserrat48
M5.Lcd.FONTS.EFontCN24	❌ Deprecated	M5.Lcd.FONTS.AlibabaPuHuiTiCN24
M5.Lcd.FONTS.EFontJA24	❌ Deprecated	M5.Lcd.FONTS.AlibabaSansJA24
M5.Lcd.FONTS.EFontKR24	❌ Deprecated	M5.Lcd.FONTS.AlibabaSansKR24
M5.Lcd.FONTS.Montserrat12	✅ Recommended
M5.Lcd.FONTS.Montserrat14	✅ Recommended
M5.Lcd.FONTS.Montserrat16	✅ Recommended
M5.Lcd.FONTS.Montserrat18	✅ Recommended
M5.Lcd.FONTS.Montserrat24	✅ Recommended
M5.Lcd.FONTS.Montserrat40	✅ Recommended
M5.Lcd.FONTS.Montserrat48	✅ Recommended
M5.Lcd.FONTS.AlibabaPuHuiTiCN24	✅ Recommended		M5STACK_StickC_PLUS, M5STACK_CoreInk, M5STACK_StickC, M5STACK_Atom_Lite, M5STACK_Stamp_PICO, M5STACK_Atom_Matrix, M5STACK_AtomU, M5STACK_Atom_Echo, M5STACK_NanoC6
M5.Lcd.FONTS.AlibabaSansJA24	✅ Recommended
M5.Lcd.FONTS.AlibabaSansKR24	✅ Recommended

UiFlow2 Code Block:

MicroPython Code Block:

Display.setFont(M5.Lcd.FONTS.DejaVu18)

setTextColor(fgcolor, bgcolor)

Set the text color and background color.

Parameters:

• fgcolor (int) – text color in RGB888 format (default 0, black)

• bgcolor (int) – background color in RGB888 format (default 0, black)

UiFlow2 Code Block:

MicroPython Code Block:

Display.setTextColor(0xFF0000, 0x000000)

setTextScroll(scroll)

Enable or disable text scrolling.

Parameters:

scroll (bool) – True to enable text scrolling, False to disable (default False)

UiFlow2 Code Block:

MicroPython Code Block:

Display.setTextScroll(True)

setTextSize(size)

Set the size of the text.

Parameters:

size (int) – desired text size

UiFlow2 Code Block:

MicroPython Code Block:

Display.setTextSize(2)

setCursor(x, y)

Set the cursor position.

Parameters:

• x (int) – horizontal position of the cursor (default 0)

• y (int) – vertical position of the cursor (default 0)

UiFlow2 Code Block:

MicroPython Code Block:

Display.setCursor(10, 20)

clear(color)

Clear the display with a specific color.

Parameters:

color (int) – fill color in RGB888 format (default 0)

UiFlow2 Code Block:

MicroPython Code Block:

Display.clear(0xFFFFFF)

fillScreen(color)

Fill the entire screen with a specified color.

Parameters:

color (int) – fill color in RGB888 format (default 0)

UiFlow2 Code Block:

MicroPython Code Block:

Display.fillScreen(0xFF0000)

drawPixel(x, y, color)

Draw a single pixel on the screen.

Parameters:

• x (int) – horizontal coordinate of the pixel (default -1)

• y (int) – vertical coordinate of the pixel (default -1)

• color (int) – pixel color in RGB888 format (default 0)

UiFlow2 Code Block:

MicroPython Code Block:

Display.drawPixel(50, 50, 0x00FF00)

drawCircle(x, y, r, color)

Draw an outline of a circle.

Parameters:

• x (int) – x-coordinate of circle center (default -1)

• y (int) – y-coordinate of circle center (default -1)

• r (int) – radius of the circle (default -1)

• color (int) – circle color in RGB888 format (default 0)

UiFlow2 Code Block:

MicroPython Code Block:

Display.drawCircle(60, 60, 20, 0x0000FF)

fillCircle(x, y, r, color)

Draw a filled circle.

Parameters:

• x (int) – x-coordinate of circle center (default -1)

• y (int) – y-coordinate of circle center (default -1)

• r (int) – radius of the circle (default -1)

• color (int) – fill color in RGB888 format (default 0)

UiFlow2 Code Block:

MicroPython Code Block:

Display.fillCircle(60, 60, 20, 0x00FFFF)

drawEllipse(x, y, rx, ry, color)

Draw an outline of an ellipse.

Parameters:

• x (int) – x-coordinate of ellipse center (default -1)

• y (int) – y-coordinate of ellipse center (default -1)

• rx (int) – horizontal radius (default -1)

• ry (int) – vertical radius (default -1)

• color (int) – ellipse color in RGB888 format (default 0)

UiFlow2 Code Block:

MicroPython Code Block:

Display.drawEllipse(80, 40, 30, 20, 0xFF00FF)

fillEllipse(x, y, rx, ry, color)

Draw a filled ellipse.

Parameters:

• x (int) – x-coordinate of ellipse center (default -1)

• y (int) – y-coordinate of ellipse center (default -1)

• rx (int) – horizontal radius (default -1)

• ry (int) – vertical radius (default -1)

• color (int) – fill color in RGB888 format (default 0)

UiFlow2 Code Block:

MicroPython Code Block:

Display.fillEllipse(80, 40, 30, 20, 0x00FF00)

drawLine(x0, y0, x1, y1, color)

Draw a line.

Parameters:

• x0 (int) – starting x-coordinate (default -1)

• y0 (int) – starting y-coordinate (default -1)

• x1 (int) – ending x-coordinate (default -1)

• y1 (int) – ending y-coordinate (default -1)

• color (int) – line color in RGB888 format (default 0)

UiFlow2 Code Block:

MicroPython Code Block:

Display.drawLine(10, 10, 100, 100, 0xFF0000)

drawRect(x, y, w, h, color)

Draw a rectangle.

Parameters:

• x (int) – top-left x-coordinate (default -1)

• y (int) – top-left y-coordinate (default -1)

• w (int) – width of rectangle (default -1)

• h (int) – height of rectangle (default -1)

• color (int) – rectangle color in RGB888 format (default 0)

UiFlow2 Code Block:

MicroPython Code Block:

display.drawRect(20, 20, 80, 50, 0x00FF00)

fillRect(x, y, w, h, color)

Draw a filled rectangle.

Parameters:

• x (int) – top-left x-coordinate (default -1)

• y (int) – top-left y-coordinate (default -1)

• w (int) – width of rectangle (default -1)

• h (int) – height of rectangle (default -1)

• color (int) – fill color in RGB888 format (default 0)

UiFlow2 Code Block:

MicroPython Code Block:

Display.fillRect(20, 20, 80, 50, 0x0000FF)

drawRoundRect(x, y, w, h, r, color)

Draw a rounded rectangle.

Parameters:

• x (int) – top-left x-coordinate (default -1)

• y (int) – top-left y-coordinate (default -1)

• w (int) – width of rectangle (default -1)

• h (int) – height of rectangle (default -1)

• r (int) – corner radius (default -1)

• color (int) – rectangle color in RGB888 format (default 0)

UiFlow2 Code Block:

MicroPython Code Block:

Display.drawRoundRect(30, 30, 60, 40, 10, 0xFF00FF)

fillRoundRect(x, y, w, h, r, color)

Draw a filled rounded rectangle.

Parameters:

• x (int) – top-left x-coordinate (default -1)

• y (int) – top-left y-coordinate (default -1)

• w (int) – width of rectangle (default -1)

• h (int) – height of rectangle (default -1)

• r (int) – corner radius (default -1)

• color (int) – fill color in RGB888 format (default 0)

UiFlow2 Code Block:

MicroPython Code Block:

Display.fillRoundRect(30, 30, 60, 40, 10, 0x00FFFF)

drawTriangle(x0, y0, x1, y1, x2, y2, color)

Draw a triangle.

Parameters:

• x0 (int) – first vertex x-coordinate (default -1)

• y0 (int) – first vertex y-coordinate (default -1)

• x1 (int) – second vertex x-coordinate (default -1)

• y1 (int) – second vertex y-coordinate (default -1)

• x2 (int) – third vertex x-coordinate (default -1)

• y2 (int) – third vertex y-coordinate (default -1)

• color (int) – triangle color in RGB888 format (default 0)

UiFlow2 Code Block:

MicroPython Code Block:

Display.drawTriangle(10, 10, 50, 80, 90, 10, 0xFF0000)

fillTriangle(x0, y0, x1, y1, x2, y2, color)

Draw a filled triangle.

Parameters:

• x0 (int) – first vertex x-coordinate (default -1)

• y0 (int) – first vertex y-coordinate (default -1)

• x1 (int) – second vertex x-coordinate (default -1)

• y1 (int) – second vertex y-coordinate (default -1)

• x2 (int) – third vertex x-coordinate (default -1)

• y2 (int) – third vertex y-coordinate (default -1)

• color (int) – fill color in RGB888 format (default 0)

UiFlow2 Code Block:

MicroPython Code Block:

Display.fillTriangle(10, 10, 50, 80, 90, 10, 0x00FF00)

drawArc(x, y, r0, r1, angle0, angle1, color)

Draw an arc.

Parameters:

• x (int) – center x-coordinate (default -1)

• y (int) – center y-coordinate (default -1)

• r0 (int) – first radius (default -1)

• r1 (int) – second radius (default -1)

• angle0 (int) – starting angle in degrees (default -1)

• angle1 (int) – ending angle in degrees (default -1)

• color (int) – arc color in RGB888 format (default 0)

UiFlow2 Code Block:

MicroPython Code Block:

Display.drawArc(50, 50, 20, 30, 0, 180, 0xFF0000)

fillArc(x, y, r0, r1, angle0, angle1, color)

Draw a filled arc.

Parameters:

• x (int) – center x-coordinate (default -1)

• y (int) – center y-coordinate (default -1)

• r0 (int) – first radius (default -1)

• r1 (int) – second radius (default -1)

• angle0 (int) – starting angle in degrees (default -1)

• angle1 (int) – ending angle in degrees (default -1)

• color (int) – fill color in RGB888 format (default 0)

UiFlow2 Code Block:

MicroPython Code Block:

Display.fillArc(50, 50, 20, 30, 0, 180, 0x00FF00)

drawEllipseArc(x, y, r0x, r1x, r0y, r1y, angle0, angle1, color)

Draw an elliptical arc.

Parameters:

• x (int) – center x-coordinate (default -1)

• y (int) – center y-coordinate (default -1)

• r0x (int) – first horizontal radius (default -1)

• r1x (int) – second horizontal radius (default -1)

• r0y (int) – first vertical radius (default -1)

• r1y (int) – second vertical radius (default -1)

• angle0 (int) – starting angle in degrees (default -1)

• angle1 (int) – ending angle in degrees (default 0)

• color (int) – arc color in RGB888 format (default 0)

UiFlow2 Code Block:

MicroPython Code Block:

Display.drawEllipseArc(50, 50, 20, 40, 10, 30, 0, 180, 0xFF00FF)

fillEllipseArc(x, y, r0x, r1x, r0y, r1y, angle0, angle1, color)

Draw a filled elliptical arc.

Parameters:

• x (int) – center x-coordinate (default -1)

• y (int) – center y-coordinate (default -1)

• r0x (int) – first horizontal radius (default -1)

• r1x (int) – second horizontal radius (default -1)

• r0y (int) – first vertical radius (default -1)

• r1y (int) – second vertical radius (default -1)

• angle0 (int) – starting angle in degrees (default -1)

• angle1 (int) – ending angle in degrees (default 0)

• color (int) – fill color in RGB888 format (default 0)

UiFlow2 Code Block:

MicroPython Code Block:

Display.fillEllipseArc(50, 50, 20, 40, 10, 30, 0, 180, 0x00FFFF)

drawQR(text, x, y, w, version)

Draw a QR code.

Parameters:

• text (str) – QR code content

• x (int) – x-coordinate to display (default 0)

• y (int) – y-coordinate to display (default 0)

• w (int) – QR code width (default 0)

• version (int) – QR code version (default 1, range: 0~38)

UiFlow2 Code Block:

MicroPython Code Block:

Display.drawQR("Hello", 0, 0, 200)

drawPng(img, x, y, maxW, maxH, offX, offY, scaleX, scaleY)

Draw a PNG image.

Parameters:

• img (str) – image path or data

• x (int) – display x-coordinate (default 0)

• y (int) – display y-coordinate (default 0)

• maxW (int) – max width to draw (default 0)

• maxH (int) – max height to draw (default 0)

• offX (int) – x-offset in image (default 0)

• offY (int) – y-offset in image (default 0)

• scaleX (bool) – scale horizontally (default True)

• scaleY (bool) – scale vertically (default False)

UiFlow2 Code Block:

MicroPython Code Block:

Display.drawPng("res/img/uiflow.png", 0, 0)

Example:

Display.drawPng("res/img/uiflow.png", 0, 0)
img = open("res/img/uiflow.png", "b")
img.seek(0)
Display.drawPng(img.read(), 0, 100)
img.close()

drawJpg(img, x, y, maxW, maxH, offX, offY)

Draw a JPG image.

Parameters:

• img – image path or data

• x (int) – display x-coordinate (default 0)

• y (int) – display y-coordinate (default 0)

• maxW (int) – max width to draw (default 0)

• maxH (int) – max height to draw (default 0)

• offX (int) – x-offset in image (default 0)

• offY (int) – y-offset in image (default 0)

UiFlow2 Code Block:

MicroPython Code Block:

Display.drawJpg("res/img/uiflow.jpg", 0, 0)

Example:

Display.drawJpg("res/img/uiflow.jpg", 0, 0)
img = open("res/img/uiflow.jpg", "b")
img.seek(0)
Display.drawJpg(img.read(), 0, 100)
img.close()

drawBmp(img, x, y, maxW, maxH, offX, offY)

Draw a BMP image.

Parameters:

• img – image path or data

• x (int) – display x-coordinate (default 0)

• y (int) – display y-coordinate (default 0)

• maxW (int) – max width to draw (default 0)

• maxH (int) – max height to draw (default 0)

• offX (int) – x-offset in image (default 0)

• offY (int) – y-offset in image (default 0)

UiFlow2 Code Block:

MicroPython Code Block:

Display.drawBmp("res/img/uiflow.bmp", 0, 0)

Example:

Display.drawBmp("res/img/uiflow.bmp", 0, 0)
img = open("res/img/uiflow.bmp", "b")
img.seek(0)
Display.drawBmp(img.read(), 0, 100)
img.close()

drawImage(img, x, y, maxW, maxH, offX, offY)

Draw an image.

Parameters:

• img – image path or data

• x (int) – display x-coordinate (default 0)

• y (int) – display y-coordinate (default 0)

• maxW (int) – max width to draw (default 0)

• maxH (int) – max height to draw (default 0)

• offX (int) – x-offset in image (default 0)

• offY (int) – y-offset in image (default 0)

UiFlow2 Code Block:

MicroPython Code Block:

img = open("res/img/uiflow.jpg", "b")

Example:

img = open("res/img/uiflow.jpg", "b")
img.seek(0)
Display.drawImage(img.read(), 0, 0)
img.close()

drawRawBuf(buf, x, y, w, h, len, swap)

Draw an image from raw buffer data.

Parameters:

• buf – image buffer

• x (int) – display x-coordinate (default 0)

• y (int) – display y-coordinate (default 0)

• w (int) – image width (default 0)

• h (int) – image height (default 0)

• len (int) – length of image data (default 0)

• swap (bool) – inverted display (default False)

UiFlow2 Code Block:

MicroPython Code Block:

Display.drawRawBuf(raw_buf, 0, 0, 100, 100, len(raw_buf), swap=False)

Example:

width, height = 40, 30
green565 = 0x07E0
raw_buf = bytearray(width * height * 2)
for i in range(width * height):
    raw_buf[2*i]   = (green565 >> 8) & 0xFF
    raw_buf[2*i+1] = green565 & 0xFF
Display.drawRawBuf(raw_buf, 100, 100, width, height, len(raw_buf), swap=False)

print(text, color)

Display a string (no formatting support).

Parameters:

• text (str) – text to display

• color (int) – color in RGB888 format (default 0)

UiFlow2 Code Block:

MicroPython Code Block:

Display.print("Hello World", color=0xFF0000)

printf(text)

Display a formatted string.

Parameters:

text (str) – text to display with formatting

UiFlow2 Code Block:

MicroPython Code Block:

Display.printf("Value: %d" % 100)

newCanvas(w, h, bpp, psram)

Create a canvas.

Parameters:

• w (int) – canvas width

• h (int) – canvas height

• bpp (int) – color depth (default -1)

• psram (bool) – use PSRAM (default False)

Returns:

created canvas object

UiFlow2 Code Block:

MicroPython Code Block:

w1 = Display.newCanvas(w=100, h=100, bpp=16)

Example:

w1 = Display.newCanvas(w=100, h=100, bpp=16)
w1.drawImage("res/img/uiflow.jpg", 80, 0)
w1.push(30, 0)

startWrite()

Start writing to the display.

UiFlow2 Code Block:

MicroPython Code Block:

Display.startWrite()

Example:

Display.startWrite()
Display.drawPixel(10, 10, 0xFF0000)
Display.endWrite()

endWrite()

End writing to the display.

UiFlow2 Code Block:

MicroPython Code Block:

Display.endWrite()