Procedurally expressing graphic objects for web pages

• US 10,387,549 B2
• Filed: 09/27/2016
• Issued: 08/20/2019
• Est. Priority Date: 06/25/2004
• Status: Active Grant

• Current Assignee: Apple Inc.
• Original Assignee: Apple Inc.
• Inventors: Williamson, Richard, Hyatt, David, Louch, John
• Primary Examiner(s): Huynh, Cong-Lac
• Application Number:
  US15/277,941
• Publication Number:
  US 20170116162A1
• Time in Patent Office: 1,057 Days
• Field of Search: 715205, 715273
• CPC Class Codes: G06F 16/958 Organisation or management of web site content, e.g. publishing, maintaining pages or automatic linking
• CPC Class Codes: G06F 40/117 Tagging; Marking up details of markup languages G06F40/143; Designating a block; Setting of attributes style sheets, e.g. eXtensible Stylesheet Language Transformation [XSLT], G06F40/154
• CPC Class Codes: G06F 40/143 Markup, e.g. Standard Generalized Markup Language [SGML] or Document Type Definition [DTD]
• CPC Class Codes: G06F 40/146 Coding or compression of tree-structured data
• CPC Class Codes: G06T 11/20 Drawing from basic elements, e.g. lines or circles

Abstract

A graphics object can be expressed using procedural language embedded in a markup language document. In an embodiment, a drawing space is specified in markup language. A drawing command to arbitrarily draw a graphics object into the drawing space is specified in procedural language. Interpretation of the markup and procedural language commands results in the rendering of the arbitrary graphics object. In another embodiment, there is a browser comprising a rendering engine, an interpreter, and parser. The rendering engine is configured to interpret a markup language instruction that specifies a drawing space as well as drawing commands in procedural language for drawing an arbitrary graphical object into the drawing space. The parser can then parse the drawing commands and convert them into an execution tree of tree objects.

Claims

1. A computer-implemented method of drawing an arbitrary graphics object (AGO) into a drawing space in a web browser of a computing device using both markup language and coded procedural language received by the web browser, the method comprising:

receiving, by the web browser, markup language that, when executed, causes the drawing space to be rendered in a window of the web browser;

receiving, by the web browser, coded procedural language for the AGO that, when executed, causes the AGO to be drawn into the drawing space rendered in the web browser;

rendering, by the web browser, the drawing space by executing the received markup language and drawing the AGO into the drawing space by executing the received coded procedural language.

2. The method of claim 1, wherein the markup language and coded procedural language are received by the web browser in response to one of:

the web browser receiving one or more user inputs into an interface of the web browser to select a drawing space and an AGO for rendering in the web browser;

or

the web browser reading a file containing the markup language and the coded procedural language.

3. The method of claim 2, wherein

receiving one or more inputs to select the AGO comprises receiving, by the web browser, user input to drag-and-drop a graphics image object into the drawing space;

and

wherein the received coded procedural language to represent the graphics image object that is received and executed in response to receiving the one or more inputs to select the AGO.

4. The method of claim 1, wherein the received coded procedural language includes vector graphics drawing commands.

5. The method of claim 1, further comprising:

translating the received coded procedural language for the AGO into graphics code that is executable by an arbitrary graphics library; and

executing the graphics code to render the AGO.

6. The method of claim 1, wherein the received markup language comprises a tag and one or more parameters that specify:

a shape of the drawing space; and

a width and height, or a size, of the drawing space shape.

7. The method of claim 6, wherein the drawing space comprises a resolution-dependent bit-map canvas.

8. The method of claim 1, further comprising:

receiving, by the web browser, user input into the web browser indicating that the AGO is to be animated; and

creating, by the web browser, coded procedural language for the AGO that, when executed, causes the AGO to be animated.

9. A non-transitory computer-readable storage medium having instructions stored therein, which when executed by a computer, cause the computer to perform operations for drawing an arbitrary graphics object (AGO) into a drawing space in a web browser of a computing device using both markup language and coded procedural language, the operations comprising:

receiving, by the web browser, markup language that, when executed, causes the drawing space to be rendered in a window of the web browser;

receiving, by the web browser, coded procedural language for the AGO that, when executed, causes the AGO to be drawn into the drawing space rendered in the window of the web browser; and

rendering, by the web browser, the drawing space by executing the received markup language and drawing the AGO into the drawing space by executing the received coded procedural language.

10. The medium of claim 9, wherein the markup language and coded procedural language are received by the web browser in response to one of:

the web browser receiving one or more user inputs into an interface of the web browser to select a drawing space and an AGO for rendering in the web browser;

or

the web browser reading a file containing the markup language and the coded procedural language.

11. The medium of claim 10, wherein

receiving one or more inputs to select the AGO comprises receiving, by the web browser, user input to drag-and-drop a graphics image object into the drawing space;

and

wherein the coded procedural language to represent the graphics image object is received and executed, in response to receiving the one or more inputs to select the AGO.

12. The medium of claim 9, wherein the received coded procedural language includes vector graphics drawing commands.

13. The medium of claim 9, the operations further comprising:

translating the received coded procedural language for the AGO into graphics code that is executable by an arbitrary graphics library; and

executing the graphics code to render the AGO.

14. The medium of claim 9, wherein the received markup language comprises a tag and one or more parameters that specify:

a shape of the drawing space; and

a width and height, or a size, of the drawing space shape.

15. The medium of claim 14, wherein the drawing space comprises a resolution-dependent bit-map canvas.

16. The medium of claim 9, the operations further comprising:

receiving, by the web browser, user input into the web browser indicating that the AGO is to be animated; and

creating, by the web browser, coded procedural language for the AGO that, when executed, causes the AGO to be animated.

17. A system, comprising:

a processing system;

a memory coupled to the processing system;

a non-transitory computer readable medium having instructions which when executed by the processing system cause the processing system to perform operations for drawing an arbitrary graphics object (AGO) into a drawing space in a web browser of a computing device using both markup language and coded procedural language received by the web browser, the operations comprising;

receiving, by the web browser, markup language that, when executed, causes the drawing space to be rendered in a window of the web browser;

receiving, by the web browser, coded procedural language for the AGO that, when executed, causes the AGO to be drawn into the drawing space rendered in the window of the web browser; and

rendering, by the web browser, the drawing space by executing the received markup language and drawing the AGO into the drawing space by executing the received coded procedural language.

18. The system of claim 17, wherein the markup language and coded procedural language are received by the web browser in response to one of:

the web browser receiving one or more user inputs into an interface of the web browser to select a drawing space and an AGO for rendering in the web browser;

or

the web browser reading a file containing the markup language and the coded procedural language.

19. The system of claim 18, wherein

receiving one or more inputs to select the AGO comprises receiving, by the web browser, user input to drag-and-drop a graphics image object into the drawing space;

and

wherein the received coded procedural language to represent the graphics image object is received and executed in response to receiving the one or more inputs to select the AGO.

20. The system of claim 17, wherein the received coded procedural language vector graphics drawing commands.

21. The system of claim 17, the operations further comprising:

translating the coded procedural language for the AGO into graphics code that is executable by an arbitrary graphics library; and

executing the graphics code to render the AGO.

22. The system of claim 17, wherein the received markup language comprises a tag and one or more parameters that specify:

a shape of the drawing space; and

a width and height, or a size, of the drawing space shape.

23. The system of claim 22, wherein the drawing space comprises a resolution-dependent bit-map canvas.

24. The system of claim 17, the operations further comprising:

receiving, by the web browser, user input into the web browser indicating that the AGO is to be animated; and

creating, by the web browser, coded procedural language for the AGO that, when executed, causes the AGO to be animated.