import dearpygui.dearpygui as dpg

dpg.create_context()
dpg.create_viewport(width=600, height=600)
dpg.setup_dearpygui()

width, height, channels, data = dpg.load_image('test.png')

with dpg.texture_registry():
    dpg.add_static_texture(width, height, data, tag="image")

with dpg.window(label="Test", width=550, height=550):
    # Somehow drawlist ignores pos=(x, y), so we're using a group to place the
    # draw list into the desired position.  The larger the offset from (0, 0),
    # the more distorted image_quad will be.
    with dpg.group(pos=(200, 200)):
        with dpg.drawlist(width=300, height=300):
            with dpg.draw_layer(tag="main pass", depth_clipping=True, perspective_divide=True, cull_mode=dpg.mvCullMode_None):
                dpg.set_clip_space(dpg.last_item(), 0, 0, 300, 300, -1.0, 1.0)

                with dpg.draw_node(tag="cube"):
                    proj = dpg.create_orthographic_matrix(-20, 20, -20, 20, -50, 50)
                    dpg.apply_transform(dpg.last_item(), proj)

                    s = 5
                    dpg.draw_image_quad("image", (-s, -s), (s, -s), (s, s), (-s, s))

                    z = 0.1
                    # Triangles seem to be transformed properly, so we're using
                    # two triangles to simulate a square.
                    dpg.draw_triangle((-s, -s, -z), (s, s, -z), (s, -s, -z), color=(0, 0, 0, 0),  fill=(0, 255, 0, 128))
                    dpg.draw_triangle((-s, -s, -z), (-s, s, -z), (s, s, -z), color=(0, 0, 0, 0),  fill=(0, 255, 0, 128))

dpg.show_viewport()
dpg.start_dearpygui()
dpg.destroy_context()