US 11,734,496 B2
Systems and methods for generating webpage data for rendering a design
Nicholas Anthony Barker, Christchurch (NZ); Camellia Wong, Sydney (AU); Benjamin James Morris, Sydney (AU); and David Nicholas Copley, Sydney (AU)
Assigned to CANVA PTY LTD, Surry Hills (AU)
Filed by Canva Pty Ltd, Surry Hills (AU)
Filed on Nov. 11, 2022, as Appl. No. 17/985,221.
Claims priority of application No. 2021903677 (AU), filed on Nov. 16, 2021.
Prior Publication US 2023/0153516 A1, May 18, 2023
Int. Cl. G06F 40/10 (2020.01); G06F 40/14 (2020.01); G06F 40/177 (2020.01)
CPC G06F 40/14 (2020.01) [G06F 40/177 (2020.01)] 19 Claims
OG exemplary drawing
 
1. A computer implemented method for generating webpage data corresponding to a design, wherein the webpage data is generated based on a webpage grid definition and the method comprises:
accessing a set of design element objects, each design element object corresponding to a design element of the design and including data allowing a horizontal start position, a horizontal end position, a vertical start position, and a vertical end position of that design element to be determined;
processing the set of design element objects to generate a set of element-grid records, the set of element-grid records including an element-grid record corresponding to each design element, the element-grid record corresponding to a given design element including:
element data identifying the given design element;
a unique column start gridline for the given design element;
a unique column end gridline for the given design element;
a column start offset for the given design element; and
a column end offset for the given design element;
processing the set of element-grid records to generate an ordered set of column offsets, the ordered set of column offsets including the column start offset of each element-grid record and the column end offset of each element-grid record, the ordered set of column offsets being ordered based on each column offset's corresponding column gridline;
generating an ordered set of column width values based on the ordered set of column offsets; and
processing the set of element-grid records to generate the webpage grid definition, the webpage grid definition defining a grid including a plurality of columns and a plurality of rows, the plurality of columns defined by the ordered set of column width values, and
wherein:
a first design element and a second design element have a same horizontal start position; and
the webpage grid definition defines:
a first column gridline as the unique column start gridline of the first design element;
a second column gridline as the unique column start gridline of the second design element; and
a first column between the first column gridline and the second column gridline, the first column having a column width of zero.