System and method for consistent cross-platform text layout

• US 10,019,415 B1
• Filed: 06/09/2016
• Issued: 07/10/2018
• Est. Priority Date: 08/28/2015
• Status: Active Grant

• Current Assignee: Redbrick Technologies, Inc.
• Original Assignee: Animoto, Inc. (Redbrick Technologies, Inc.)
• Inventors: Wombell, Krister
• Primary Examiner(s): McIntosh, Andrew T
• Application Number:
  US15/177,632
• Time in Patent Office: 761 Days
• CPC Class Codes: G06F 40/106 Display of layout of documents; Previewing
• CPC Class Codes: G06F 40/109 Font handling; Temporal or kinetic typography
• CPC Class Codes: G06F 40/143 Markup, e.g. Standard Generalized Markup Language [SGML] or Document Type Definition [DTD]
• CPC Class Codes: G06T 1/20 Processor architectures; Processor configuration, e.g. pipelining
• CPC Class Codes: G06T 3/40 Scaling of whole images or parts thereof, e.g. expanding or contracting
• CPC Class Codes: G06V 20/41 Higher-level, semantic clustering, classification or understanding of video scenes, e.g. detection, labelling or Markovian modelling of sport events or news items segmenting video sequences G06V20/49
• CPC Class Codes: G06V 20/49 Segmenting video sequences, i.e. computational techniques such as parsing or cutting the sequence, low-level clustering or determining units such as shots or scenes
• CPC Class Codes: G11B 27/031 Electronic editing of digitised analogue information signals, e.g. audio or video signals
• CPC Class Codes: G11B 27/034 on discs G11B27/036, G11B27/038 take precedence
• CPC Class Codes: G11B 27/28 by using information signals recorded by the same method as the main recording G11B27/22 takes precedence
• CPC Class Codes: G11B 27/34 Indicating arrangements indicating means incorporated in magazine or cassette G11B23/046 and G11B23/0875; indicating measured values in general G01D
• CPC Class Codes: H04N 5/76 Television signal recording

Abstract

A system for consistent cross-platform text layout, in one embodiment, performs a computer-implemented method comprising the step of generating text layout information representing a layout of text on a scalable unit grid. The text layout information comprises glyph information for each glyph in a set of glyphs. The glyph information for each glyph in the set of glyphs comprises a) vector path information defining one or more contours of the each glyph, and b) a horizontal grid coordinate and a vertical grid coordinate identifying a location of the each glyph in the scalable unit grid. The method further includes the step of using the text layout information to render the set of glyphs in a pixel grid.

Claims

1. A method for consistent cross-platform text layout performed at a client, comprising one or more processors and memory storing one or more sets of instructions executed by the one or more processors to perform the method, the method comprising:

generating text layout information representing a layout of text on a scalable unit grid;

wherein the scalable unit grid is based on a nominal display screen resolution-independent unit;

wherein the nominal display screen-resolution independent unit is based on an em size of a digital font face selected for the text;

wherein the text layout information comprises glyph information for each glyph in a set of glyphs;

wherein the glyph information for each glyph in the set of glyphs comprises a) vector path information defining one or more contours of the each glyph, and b) a horizontal grid coordinate and a vertical grid coordinate identifying a location of the each glyph in the scalable unit grid;

using the text layout information at the client to render the set of glyphs at the client in a first pixel grid; and

sending the text layout information over a network to a server-side rendering engine supported on one or more servers for rendering the set of glyphs in a second pixel grid.

2. The method of claim 1, wherein the first pixel grid has a first resolution;

wherein the second pixel grid has a second resolution; and

wherein the first resolution and the second resolution are different.

3. The method of claim 1, wherein sending the text layout information over a network to the server-side rendering engine comprises sending the text layout information over a network in a serialized data format.

4. The method of claim 3, wherein the serialized data format is JavaScript Object Notation (JSON) or eXtensible Markup Language (XML).

5. The method of claim 1, further comprising:

using the text layout information to render the set of glyphs at the client in a preview of a target product.

6. The method of claim 5, wherein the target product is a physical article.

7. The method of claim 5, wherein the target product is a digital product.

8. The method of claim 1, further comprising providing the text layout information to a client-side rendering engine by passing a pointer or reference to a data structure stored in the memory of the client, the data structure comprising the text layout information.

9. The method of claim 1, wherein the vector path information for each glyph in the set of glyphs comprises one or more Scalable Vector Path (SVG) path elements defining the one or more contours of the each glyph.

10. The method of claim 1, wherein each of the one or more contours of each glyph in the set of one or more glyphs is defined in the vector path information for the each glyph as a line or a Bezier curve.

11. A method for consistent cross-platform text layout performed at one or more servers comprising one or more processors and memory storing one or more sets of instructions executed by the one or more processors to perform the method, the method comprising:

receiving text layout information over a network from a client, the text layout information representing a layout of text on a scalable unit grid;

wherein the scalable unit grid is based on a nominal display screen resolution-independent unit;

wherein the nominal display screen-resolution independent unit is based on an em size of a digital font face selected for the text;

wherein the text layout information comprises glyph information for each glyph in a set of glyphs;

wherein the glyph information for each glyph in the set of glyphs comprises a) vector path information defining one or more contours of the each glyph, and b) a horizontal grid coordinate and a vertical grid coordinate identifying a location of the each glyph in the scalable unit grid; and

using the text layout information to render the set of glyphs in a pixel grid.

12. The method of claim 11, further comprising receiving the text layout information over a network from the client in a serialized data format.

13. The method of claim 12, wherein the serialized data format is JavaScript Object Notation (JSON) or eXtensible Markup Language (XML).

14. The method of claim 11, further comprising using the text layout information to render the set of glyphs in or on a target product.

15. The method of claim 14, wherein the target product is a digital product;

and wherein the method comprises using the text layout information to render the set of glyphs in the digital product.

16. The method of claim 15, wherein the digital product is a digital image, a digital video, or a digital document.

17. The method of claim 14, wherein the target product is a physical article;

and wherein the method comprises using the text layout information to render the set of glyphs on the physical article.

18. The method of claim 17, wherein using the text layout information to render the set of glyphs on the physical article comprises:

rendering the set of glyphs to a pixel image; and

printing the pixel image on the physical article.

19. The method of claim 17, wherein the physical article is an article of clothing.

20. A system comprising:

one or more processors;

storage media;

one or more programs stored in the storage media and configured for execution by the one or more processors, the one or more programs comprising instructions for;

generating text layout information representing a layout of text on a scalable unit grid;

wherein the scalable unit grid is based on a nominal display screen resolution-independent unit;

wherein the nominal display screen-resolution independent unit is based on an em size of a digital font face selected for the text;

wherein the text layout information comprises glyph information for each glyph in a set of glyphs;

wherein the glyph information for each glyph in the set of glyphs comprises a) vector path information defining one or more contours of the each glyph, and b) a horizontal grid coordinate and a vertical grid coordinate identifying a location of the each glyph in the scalable unit grid;

using the text layout information to render the set of glyphs in a first pixel grid; and

sending the text layout information over a network to a computing system supported on one or more computing devices for rendering the set of glyphs in a second pixel grid.

21. A system comprising:

one or more processors;

storage media; and

one or more programs stored in the storage media and configured for execution by the one or more processors, the one or more programs comprising instructions for;

obtaining text layout information representing a layout of text on a scalable unit grid;

wherein the scalable unit grid is based on a nominal display screen resolution-independent unit;

wherein the nominal display screen-resolution independent unit is based on an em size of a digital font face selected for the text;

wherein the text layout information comprises glyph information for each glyph in a set of glyphs;

wherein the glyph information for each glyph in the set of glyphs comprises a) vector path information defining one or more contours of the each glyph, and b) a horizontal grid coordinate and a vertical grid coordinate identifying a location of the each glyph in the scalable unit grid;

using the text layout information to render the set of glyphs in a first pixel grid; and

sending the text layout information over a network to a computing system supported on one or more computing devices for rendering the set of glyphs in a second pixel grid.