#include "elements.h" #include #include "furi_hal_resources.h" #include #include "gui/canvas.h" #include #include #include #include #include "canvas_i.h" #include #include #include typedef struct { uint8_t x; uint8_t y; uint8_t leading_min; uint8_t leading_default; uint8_t height; uint8_t descender; uint8_t len; const char* text; } ElementTextBoxLine; void elements_progress_bar( Canvas* canvas, uint8_t x, uint8_t y, uint8_t width, uint8_t progress, uint8_t total) { furi_assert(canvas); furi_assert(total > 0); uint8_t height = 9; uint8_t marker_width = 7; furi_assert(width > marker_width); uint8_t progress_length = ((float)progress / total) * (width - marker_width - 2); // rframe doesnt work if (radius * 2) > any rect side, so write manually uint8_t x_max = x + width - 1; uint8_t y_max = y + height - 1; canvas_draw_line(canvas, x + 3, y, x_max - 3, y); canvas_draw_line(canvas, x_max - 3, y, x_max, y + 3); canvas_draw_line(canvas, x_max, y + 3, x_max, y_max - 3); canvas_draw_line(canvas, x_max, y_max - 3, x_max - 3, y_max); canvas_draw_line(canvas, x_max - 3, y_max, x + 3, y_max); canvas_draw_line(canvas, x + 3, y_max, x, y_max - 3); canvas_draw_line(canvas, x, y_max - 3, x, y + 3); canvas_draw_line(canvas, x, y + 3, x + 3, y); canvas_draw_rbox(canvas, x + 1, y + 1, marker_width + progress_length, height - 2, 3); canvas_invert_color(canvas); canvas_draw_dot(canvas, x + progress_length + 3, y + 2); canvas_draw_dot(canvas, x + progress_length + 4, y + 2); canvas_draw_dot(canvas, x + progress_length + 5, y + 3); canvas_draw_dot(canvas, x + progress_length + 6, y + 4); canvas_invert_color(canvas); } void elements_scrollbar_pos( Canvas* canvas, uint8_t x, uint8_t y, uint8_t height, uint16_t pos, uint16_t total) { furi_assert(canvas); // prevent overflows canvas_set_color(canvas, ColorWhite); canvas_draw_box(canvas, x - 3, y, 3, height); // dot line canvas_set_color(canvas, ColorBlack); for(uint8_t i = y; i < height + y; i += 2) { canvas_draw_dot(canvas, x - 2, i); } // Position block if(total) { float block_h = ((float)height) / total; canvas_draw_box(canvas, x - 3, y + (block_h * pos), 3, MAX(block_h, 1)); } } void elements_scrollbar(Canvas* canvas, uint16_t pos, uint16_t total) { furi_assert(canvas); uint8_t width = canvas_width(canvas); uint8_t height = canvas_height(canvas); // prevent overflows canvas_set_color(canvas, ColorWhite); canvas_draw_box(canvas, width - 3, 0, 3, height); // dot line canvas_set_color(canvas, ColorBlack); for(uint8_t i = 0; i < height; i += 2) { canvas_draw_dot(canvas, width - 2, i); } // Position block if(total) { float block_h = ((float)height) / total; canvas_draw_box(canvas, width - 3, block_h * pos, 3, MAX(block_h, 1)); } } void elements_frame(Canvas* canvas, uint8_t x, uint8_t y, uint8_t width, uint8_t height) { furi_assert(canvas); canvas_draw_line(canvas, x + 2, y, x + width - 2, y); canvas_draw_line(canvas, x + 1, y + height - 1, x + width, y + height - 1); canvas_draw_line(canvas, x + 2, y + height, x + width - 1, y + height); canvas_draw_line(canvas, x, y + 2, x, y + height - 2); canvas_draw_line(canvas, x + width - 1, y + 1, x + width - 1, y + height - 2); canvas_draw_line(canvas, x + width, y + 2, x + width, y + height - 2); canvas_draw_dot(canvas, x + 1, y + 1); } void elements_button_left(Canvas* canvas, const char* str) { const uint8_t button_height = 12; const uint8_t vertical_offset = 3; const uint8_t horizontal_offset = 3; const uint8_t string_width = canvas_string_width(canvas, str); const Icon* icon = &I_ButtonLeft_4x7; const uint8_t icon_h_offset = 3; const uint8_t icon_width_with_offset = icon->width + icon_h_offset; const uint8_t icon_v_offset = icon->height + vertical_offset; const uint8_t button_width = string_width + horizontal_offset * 2 + icon_width_with_offset; const uint8_t x = 0; const uint8_t y = canvas_height(canvas); canvas_draw_box(canvas, x, y - button_height, button_width, button_height); canvas_draw_line(canvas, x + button_width + 0, y, x + button_width + 0, y - button_height + 0); canvas_draw_line(canvas, x + button_width + 1, y, x + button_width + 1, y - button_height + 1); canvas_draw_line(canvas, x + button_width + 2, y, x + button_width + 2, y - button_height + 2); canvas_invert_color(canvas); canvas_draw_icon(canvas, x + horizontal_offset, y - icon_v_offset, &I_ButtonLeft_4x7); canvas_draw_str( canvas, x + horizontal_offset + icon_width_with_offset, y - vertical_offset, str); canvas_invert_color(canvas); } void elements_button_right(Canvas* canvas, const char* str) { const uint8_t button_height = 12; const uint8_t vertical_offset = 3; const uint8_t horizontal_offset = 3; const uint8_t string_width = canvas_string_width(canvas, str); const Icon* icon = &I_ButtonRight_4x7; const uint8_t icon_h_offset = 3; const uint8_t icon_width_with_offset = icon->width + icon_h_offset; const uint8_t icon_v_offset = icon->height + vertical_offset; const uint8_t button_width = string_width + horizontal_offset * 2 + icon_width_with_offset; const uint8_t x = canvas_width(canvas); const uint8_t y = canvas_height(canvas); canvas_draw_box(canvas, x - button_width, y - button_height, button_width, button_height); canvas_draw_line(canvas, x - button_width - 1, y, x - button_width - 1, y - button_height + 0); canvas_draw_line(canvas, x - button_width - 2, y, x - button_width - 2, y - button_height + 1); canvas_draw_line(canvas, x - button_width - 3, y, x - button_width - 3, y - button_height + 2); canvas_invert_color(canvas); canvas_draw_str(canvas, x - button_width + horizontal_offset, y - vertical_offset, str); canvas_draw_icon( canvas, x - horizontal_offset - icon->width, y - icon_v_offset, &I_ButtonRight_4x7); canvas_invert_color(canvas); } void elements_button_center(Canvas* canvas, const char* str) { const uint8_t button_height = 12; const uint8_t vertical_offset = 3; const uint8_t horizontal_offset = 1; const uint8_t string_width = canvas_string_width(canvas, str); const Icon* icon = &I_ButtonCenter_7x7; const uint8_t icon_h_offset = 3; const uint8_t icon_width_with_offset = icon->width + icon_h_offset; const uint8_t icon_v_offset = icon->height + vertical_offset; const uint8_t button_width = string_width + horizontal_offset * 2 + icon_width_with_offset; const uint8_t x = (canvas_width(canvas) - button_width) / 2; const uint8_t y = canvas_height(canvas); canvas_draw_box(canvas, x, y - button_height, button_width, button_height); canvas_draw_line(canvas, x - 1, y, x - 1, y - button_height + 0); canvas_draw_line(canvas, x - 2, y, x - 2, y - button_height + 1); canvas_draw_line(canvas, x - 3, y, x - 3, y - button_height + 2); canvas_draw_line(canvas, x + button_width + 0, y, x + button_width + 0, y - button_height + 0); canvas_draw_line(canvas, x + button_width + 1, y, x + button_width + 1, y - button_height + 1); canvas_draw_line(canvas, x + button_width + 2, y, x + button_width + 2, y - button_height + 2); canvas_invert_color(canvas); canvas_draw_icon(canvas, x + horizontal_offset, y - icon_v_offset, &I_ButtonCenter_7x7); canvas_draw_str( canvas, x + horizontal_offset + icon_width_with_offset, y - vertical_offset, str); canvas_invert_color(canvas); } void elements_multiline_text_aligned( Canvas* canvas, uint8_t x, uint8_t y, Align horizontal, Align vertical, const char* text) { furi_assert(canvas); furi_assert(text); uint8_t font_height = canvas_current_font_height(canvas); string_t str; string_init(str); const char* start = text; char* end; // get lines count uint8_t i, lines_count; for(i = 0, lines_count = 0; text[i]; i++) lines_count += (text[i] == '\n'); switch(vertical) { case AlignBottom: y -= font_height * lines_count; break; case AlignCenter: y -= (font_height * lines_count) / 2; break; case AlignTop: default: break; } do { end = strchr(start, '\n'); if(end) { string_set_strn(str, start, end - start); } else { string_set_str(str, start); } uint16_t len_px = canvas_string_width(canvas, string_get_cstr(str)); uint8_t px_left = canvas_width(canvas) - (x - (horizontal == AlignCenter ? len_px / 2 : 0)); // hacky if(len_px > px_left) { string_t buff; string_init_set(buff, str); size_t s_len = string_size(str); uint8_t end_pos = s_len - ((len_px - px_left) / (len_px / s_len) + 5); string_left(buff, end_pos); string_cat(buff, "-"); string_right(str, end_pos); canvas_draw_str_aligned(canvas, x, y, horizontal, vertical, string_get_cstr(buff)); string_clear(buff); start = end + 1; y += font_height; } canvas_draw_str_aligned(canvas, x, y, horizontal, vertical, string_get_cstr(str)); start = end + 1; y += font_height; } while(end); string_clear(str); } void elements_multiline_text(Canvas* canvas, uint8_t x, uint8_t y, const char* text) { furi_assert(canvas); furi_assert(text); uint8_t font_height = canvas_current_font_height(canvas); string_t str; string_init(str); const char* start = text; char* end; do { end = strchr(start, '\n'); if(end) { string_set_strn(str, start, end - start); } else { string_set_str(str, start); } canvas_draw_str(canvas, x, y, string_get_cstr(str)); start = end + 1; y += font_height; } while(end && y < 64); string_clear(str); } void elements_multiline_text_framed(Canvas* canvas, uint8_t x, uint8_t y, const char* text) { furi_assert(canvas); furi_assert(text); uint8_t font_y = canvas_current_font_height(canvas); uint16_t str_width = canvas_string_width(canvas, text); // count \n's uint8_t lines = 1; const char* t = text; while(*t != '\0') { if(*t == '\n') { lines++; uint16_t temp_width = canvas_string_width(canvas, t + 1); str_width = temp_width > str_width ? temp_width : str_width; } t++; } canvas_set_color(canvas, ColorWhite); canvas_draw_box(canvas, x, y - font_y, str_width + 8, font_y * lines + 4); canvas_set_color(canvas, ColorBlack); elements_multiline_text(canvas, x + 4, y - 1, text); elements_frame(canvas, x, y - font_y, str_width + 8, font_y * lines + 4); } void elements_slightly_rounded_frame( Canvas* canvas, uint8_t x, uint8_t y, uint8_t width, uint8_t height) { furi_assert(canvas); canvas_draw_rframe(canvas, x, y, width, height, 1); } void elements_slightly_rounded_box( Canvas* canvas, uint8_t x, uint8_t y, uint8_t width, uint8_t height) { furi_assert(canvas); canvas_draw_rbox(canvas, x, y, width, height, 1); } void elements_bold_rounded_frame( Canvas* canvas, uint8_t x, uint8_t y, uint8_t width, uint8_t height) { furi_assert(canvas); canvas_set_color(canvas, ColorWhite); canvas_draw_box(canvas, x + 2, y + 2, width - 3, height - 3); canvas_set_color(canvas, ColorBlack); canvas_draw_line(canvas, x + 3, y, x + width - 3, y); canvas_draw_line(canvas, x + 2, y + 1, x + width - 2, y + 1); canvas_draw_line(canvas, x, y + 3, x, y + height - 3); canvas_draw_line(canvas, x + 1, y + 2, x + 1, y + height - 2); canvas_draw_line(canvas, x + width, y + 3, x + width, y + height - 3); canvas_draw_line(canvas, x + width - 1, y + 2, x + width - 1, y + height - 2); canvas_draw_line(canvas, x + 3, y + height, x + width - 3, y + height); canvas_draw_line(canvas, x + 2, y + height - 1, x + width - 2, y + height - 1); canvas_draw_dot(canvas, x + 2, y + 2); canvas_draw_dot(canvas, x + 3, y + 2); canvas_draw_dot(canvas, x + 2, y + 3); canvas_draw_dot(canvas, x + width - 2, y + 2); canvas_draw_dot(canvas, x + width - 3, y + 2); canvas_draw_dot(canvas, x + width - 2, y + 3); canvas_draw_dot(canvas, x + 2, y + height - 2); canvas_draw_dot(canvas, x + 3, y + height - 2); canvas_draw_dot(canvas, x + 2, y + height - 3); canvas_draw_dot(canvas, x + width - 2, y + height - 2); canvas_draw_dot(canvas, x + width - 3, y + height - 2); canvas_draw_dot(canvas, x + width - 2, y + height - 3); } void elements_bubble(Canvas* canvas, uint8_t x, uint8_t y, uint8_t width, uint8_t height) { furi_assert(canvas); canvas_draw_rframe(canvas, x + 4, y, width, height, 3); uint8_t y_corner = y + height * 2 / 3; canvas_draw_line(canvas, x, y_corner, x + 4, y_corner - 4); canvas_draw_line(canvas, x, y_corner, x + 4, y_corner + 4); canvas_set_color(canvas, ColorWhite); canvas_draw_line(canvas, x + 4, y_corner - 3, x + 4, y_corner + 3); canvas_set_color(canvas, ColorBlack); } void elements_bubble_str( Canvas* canvas, uint8_t x, uint8_t y, const char* text, Align horizontal, Align vertical) { furi_assert(canvas); furi_assert(text); uint8_t font_y = canvas_current_font_height(canvas); uint16_t str_width = canvas_string_width(canvas, text); // count \n's uint8_t lines = 1; const char* t = text; while(*t != '\0') { if(*t == '\n') { lines++; uint16_t temp_width = canvas_string_width(canvas, t + 1); str_width = temp_width > str_width ? temp_width : str_width; } t++; } uint8_t frame_x = x; uint8_t frame_y = y; uint8_t frame_width = str_width + 8; uint8_t frame_height = font_y * lines + 4; canvas_set_color(canvas, ColorWhite); canvas_draw_box(canvas, frame_x + 1, frame_y + 1, frame_width - 2, frame_height - 2); canvas_set_color(canvas, ColorBlack); canvas_draw_rframe(canvas, frame_x, frame_y, frame_width, frame_height, 1); elements_multiline_text(canvas, x + 4, y - 1 + font_y, text); uint8_t x1 = 0; uint8_t x2 = 0; uint8_t x3 = 0; uint8_t y1 = 0; uint8_t y2 = 0; uint8_t y3 = 0; if((horizontal == AlignLeft) && (vertical == AlignTop)) { x1 = frame_x; y1 = frame_y; x2 = frame_x - 4; y2 = frame_y; x3 = frame_x; y3 = frame_y + 4; canvas_set_color(canvas, ColorWhite); canvas_draw_box(canvas, x2 + 2, y2 + 1, 2, 2); canvas_set_color(canvas, ColorBlack); } else if((horizontal == AlignLeft) && (vertical == AlignCenter)) { x1 = frame_x; y1 = frame_y + (frame_height - 1) / 2 - 4; x2 = frame_x - 4; y2 = frame_y + (frame_height - 1) / 2; x3 = frame_x; y3 = frame_y + (frame_height - 1) / 2 + 4; canvas_set_color(canvas, ColorWhite); canvas_draw_box(canvas, x2 + 2, y2 - 2, 2, 5); canvas_draw_dot(canvas, x2 + 1, y2); canvas_set_color(canvas, ColorBlack); } else if((horizontal == AlignLeft) && (vertical == AlignBottom)) { x1 = frame_x; y1 = frame_y + (frame_height - 1) - 4; x2 = frame_x - 4; y2 = frame_y + (frame_height - 1); x3 = frame_x; y3 = frame_y + (frame_height - 1); canvas_set_color(canvas, ColorWhite); canvas_draw_box(canvas, x2 + 2, y2 - 2, 2, 2); canvas_set_color(canvas, ColorBlack); } else if((horizontal == AlignRight) && (vertical == AlignTop)) { x1 = frame_x + (frame_width - 1); y1 = frame_y; x2 = frame_x + (frame_width - 1) + 4; y2 = frame_y; x3 = frame_x + (frame_width - 1); y3 = frame_y + 4; canvas_set_color(canvas, ColorWhite); canvas_draw_box(canvas, x2 - 3, y2 + 1, 2, 2); canvas_set_color(canvas, ColorBlack); } else if((horizontal == AlignRight) && (vertical == AlignCenter)) { x1 = frame_x + (frame_width - 1); y1 = frame_y + (frame_height - 1) / 2 - 4; x2 = frame_x + (frame_width - 1) + 4; y2 = frame_y + (frame_height - 1) / 2; x3 = frame_x + (frame_width - 1); y3 = frame_y + (frame_height - 1) / 2 + 4; canvas_set_color(canvas, ColorWhite); canvas_draw_box(canvas, x2 - 3, y2 - 2, 2, 5); canvas_draw_dot(canvas, x2 - 1, y2); canvas_set_color(canvas, ColorBlack); } else if((horizontal == AlignRight) && (vertical == AlignBottom)) { x1 = frame_x + (frame_width - 1); y1 = frame_y + (frame_height - 1) - 4; x2 = frame_x + (frame_width - 1) + 4; y2 = frame_y + (frame_height - 1); x3 = frame_x + (frame_width - 1); y3 = frame_y + (frame_height - 1); canvas_set_color(canvas, ColorWhite); canvas_draw_box(canvas, x2 - 3, y2 - 2, 2, 2); canvas_set_color(canvas, ColorBlack); } else if((horizontal == AlignCenter) && (vertical == AlignTop)) { x1 = frame_x + (frame_width - 1) / 2 - 4; y1 = frame_y; x2 = frame_x + (frame_width - 1) / 2; y2 = frame_y - 4; x3 = frame_x + (frame_width - 1) / 2 + 4; y3 = frame_y; canvas_set_color(canvas, ColorWhite); canvas_draw_box(canvas, x2 - 2, y2 + 2, 5, 2); canvas_draw_dot(canvas, x2, y2 + 1); canvas_set_color(canvas, ColorBlack); } else if((horizontal == AlignCenter) && (vertical == AlignBottom)) { x1 = frame_x + (frame_width - 1) / 2 - 4; y1 = frame_y + (frame_height - 1); x2 = frame_x + (frame_width - 1) / 2; y2 = frame_y + (frame_height - 1) + 4; x3 = frame_x + (frame_width - 1) / 2 + 4; y3 = frame_y + (frame_height - 1); canvas_set_color(canvas, ColorWhite); canvas_draw_box(canvas, x2 - 2, y2 - 3, 5, 2); canvas_draw_dot(canvas, x2, y2 - 1); canvas_set_color(canvas, ColorBlack); } canvas_set_color(canvas, ColorWhite); canvas_draw_line(canvas, x3, y3, x1, y1); canvas_set_color(canvas, ColorBlack); canvas_draw_line(canvas, x1, y1, x2, y2); canvas_draw_line(canvas, x2, y2, x3, y3); } void elements_string_fit_width(Canvas* canvas, string_t string, uint8_t width) { furi_assert(canvas); furi_assert(string); uint16_t len_px = canvas_string_width(canvas, string_get_cstr(string)); if(len_px > width) { width -= canvas_string_width(canvas, "..."); do { string_left(string, string_size(string) - 1); len_px = canvas_string_width(canvas, string_get_cstr(string)); } while(len_px > width); string_cat(string, "..."); } } void elements_text_box( Canvas* canvas, uint8_t x, uint8_t y, uint8_t width, uint8_t height, Align horizontal, Align vertical, const char* text) { furi_assert(canvas); ElementTextBoxLine line[ELEMENTS_MAX_LINES_NUM]; bool bold = false; bool mono = false; bool inversed = false; bool inversed_present = false; Font current_font = FontSecondary; Font prev_font = FontSecondary; CanvasFontParameters* font_params = canvas_get_font_params(canvas, current_font); // Fill line parameters uint8_t line_leading_min = font_params->leading_min; uint8_t line_leading_default = font_params->leading_default; uint8_t line_height = font_params->height; uint8_t line_descender = font_params->descender; uint8_t line_num = 0; uint8_t line_width = 0; uint8_t line_len = 0; uint8_t total_height_min = 0; uint8_t total_height_default = 0; uint16_t i = 0; bool full_text_processed = false; canvas_set_font(canvas, FontSecondary); // Fill all lines line[0].text = text; for(i = 0; !full_text_processed; i++) { line_len++; // Identify line height if(prev_font != current_font) { font_params = canvas_get_font_params(canvas, current_font); line_leading_min = MAX(line_leading_min, font_params->leading_min); line_leading_default = MAX(line_leading_default, font_params->leading_default); line_height = MAX(line_height, font_params->height); line_descender = MAX(line_descender, font_params->descender); prev_font = current_font; } // Set the font if(text[i] == '\e' && text[i + 1]) { i++; line_len++; if(text[i] == ELEMENTS_BOLD_MARKER) { if(bold) { current_font = FontSecondary; } else { current_font = FontPrimary; } canvas_set_font(canvas, current_font); bold = !bold; } if(text[i] == ELEMENTS_MONO_MARKER) { if(mono) { current_font = FontSecondary; } else { current_font = FontKeyboard; } canvas_set_font(canvas, FontKeyboard); mono = !mono; } if(text[i] == ELEMENTS_INVERSED_MARKER) { inversed_present = true; } continue; } if(text[i] != '\n') { line_width += canvas_glyph_width(canvas, text[i]); } // Process new line if(text[i] == '\n' || text[i] == '\0' || line_width > width) { if(line_width > width) { line_width -= canvas_glyph_width(canvas, text[i--]); line_len--; } if(text[i] == '\0') { full_text_processed = true; } if(inversed_present) { line_leading_min += 1; line_leading_default += 1; inversed_present = false; } line[line_num].leading_min = line_leading_min; line[line_num].leading_default = line_leading_default; line[line_num].height = line_height; line[line_num].descender = line_descender; if(total_height_min + line_leading_min > height) { break; } total_height_min += line_leading_min; total_height_default += line_leading_default; line[line_num].len = line_len; if(horizontal == AlignCenter) { line[line_num].x = x + (width - line_width) / 2; } else if(horizontal == AlignRight) { line[line_num].x = x + (width - line_width); } else { line[line_num].x = x; } line[line_num].y = total_height_min; line_num++; if(text[i + 1]) { line[line_num].text = &text[i + 1]; } line_leading_min = font_params->leading_min; line_height = font_params->height; line_descender = font_params->descender; line_width = 0; line_len = 0; } } // Set vertical alignment for all lines if(full_text_processed) { if(total_height_default < height) { if(vertical == AlignTop) { line[0].y = y + line[0].height; } else if(vertical == AlignCenter) { line[0].y = y + line[0].height + (height - total_height_default) / 2; } else if(vertical == AlignBottom) { line[0].y = y + line[0].height + (height - total_height_default); } if(line_num > 1) { for(uint8_t i = 1; i < line_num; i++) { line[i].y = line[i - 1].y + line[i - 1].leading_default; } } } else if(line_num > 1) { uint8_t free_pixel_num = height - total_height_min; uint8_t fill_pixel = 0; uint8_t j = 1; line[0].y = y + line[0].height; while(fill_pixel < free_pixel_num) { line[j].y = line[j - 1].y + line[j - 1].leading_min + 1; fill_pixel++; j = j % (line_num - 1) + 1; } } } // Draw line by line canvas_set_font(canvas, FontSecondary); bold = false; mono = false; inversed = false; for(uint8_t i = 0; i < line_num; i++) { for(uint8_t j = 0; j < line[i].len; j++) { // Process format symbols if(line[i].text[j] == ELEMENTS_BOLD_MARKER) { if(bold) { current_font = FontSecondary; } else { current_font = FontPrimary; } canvas_set_font(canvas, current_font); bold = !bold; continue; } if(line[i].text[j] == ELEMENTS_MONO_MARKER) { if(mono) { current_font = FontSecondary; } else { current_font = FontKeyboard; } canvas_set_font(canvas, current_font); mono = !mono; continue; } if(line[i].text[j] == ELEMENTS_INVERSED_MARKER) { inversed = !inversed; continue; } if(inversed) { canvas_draw_box( canvas, line[i].x - 1, line[i].y - line[i].height - 1, canvas_glyph_width(canvas, line[i].text[j]) + 1, line[i].height + line[i].descender + 2); canvas_invert_color(canvas); canvas_draw_glyph(canvas, line[i].x, line[i].y, line[i].text[j]); canvas_invert_color(canvas); } else { canvas_draw_glyph(canvas, line[i].x, line[i].y, line[i].text[j]); } line[i].x += canvas_glyph_width(canvas, line[i].text[j]); } } canvas_set_font(canvas, FontSecondary); }