Procedurally expressing graphic objects for web pages

• US 9,477,646 B2
• Filed: 06/21/2012
• Issued: 10/25/2016
• 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 T
• Application Number:
  US13/529,579
• Publication Number:
  US 20120266061A1
• Time in Patent Office: 1,587 Days
• Field of Search: 715/200, 715/237, 715/211, 715/205
• US Class Current: 1/1
• 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 in a web page comprising:

creating, by a web browser, a file in a non-transitory computer readable storage medium, including coded markup language that specifies a drawing space as an extent within the web page and coded procedural language that specifies a drawing command to draw the arbitrary graphics object in the drawing space in the web page;

creating the drawing space within the web page using the coded markup language; and

drawing, by the web browser, the arbitrary graphics object into the drawing space within the web page using the coded procedural language.

2. The method of claim 1, wherein the coded markup language specifies a height dimension and a width dimension of the drawing space represented by a graphical shape.

3. The method of claim 1, wherein the coded markup language specifies a position of the drawing space in a markup language document.

4. The method of claim 1,

wherein coding procedural language that specifies the drawing command to draw the arbitrary graphics object is in response to receiving, at an application, a user input graphically representing the arbitrary graphics object within the web page.

5. The method of claim 4, wherein the arbitrary graphics object is adapted to maintain a drawing state.

6. The method of claim 5, wherein the drawing state comprises at least one of a transformation matrix, a clip region, and a value of a graphics object attribute.

7. The method of claim 6, wherein the graphics object attribute comprises at least one of a color attribute, a style attribute, a line attribute, a shadow attribute, and a drawing attribute.

8. The method of claim 1

wherein coding the markup language that specifies the drawing space for creation within the web page is in response to receiving, at an application, a user input designating a graphical shape representing the drawing space within the web page, wherein the user input designating the drawing space comprises one of selecting an image of, or mathematically defining by the user input, a shape for the drawing space.

9. The method of claim 1, wherein the drawing space comprises a three-dimensional drawing space.

10. The method of claim 1, wherein the coded markup language comprises one of a hypertext markup language, an extensible hypertext markup language, and an extensible markup language.

11. The method of claim 1, wherein the coded procedural language comprises one of Javascript, Python, and Visual Basic.

12. The method of claim 1, wherein the file is retrievable by an application using a uniform resource locator (URL) associated with the file.

13. A computer program product comprising a non-transitory computer readable medium having computer program instructions, the computer program instructions when executed by a processing system cause the system to perform operations of drawing an arbitrary graphics object in a web page, the operations comprising:

creating, by a web browser, a file in a non-transitory computer readable storage medium, including coded markup language that specifies a drawing space as an extent within the web page and coded procedural language that specifies a drawing command to draw the arbitrary graphics object in the drawing space in the web page;

creating the drawing space within the web page using the coded markup language; and

drawing, by the web browser, the arbitrary graphics object into the drawing space within the web page using the coded procedural language.

14. The computer program product of claim 13, wherein the coded markup language specifies a height dimension and a width dimension of the drawing space represented by a graphical shape.

15. The computer program product of claim 13, wherein the coded markup language specifies a position of the drawing space in a markup language document.

16. The computer program product of claim 13

wherein coding procedural language that specifies the drawing command to draw the arbitrary graphics object is in response to receiving, at an application, a user input graphically representing the arbitrary graphics object within the web page.

17. The computer program product of claim 13, wherein coding procedural language comprises a call to a library of graphics commands for rendering the arbitrary graphics object.

18. The computer program product of claim 13, wherein coding the markup language comprises coding a markup tag specifying the drawing space.

19. The computer program product of claim 13, wherein the file is retrievable by an application using a uniform resource locator (URL) associated with the file.

20. The computer program product of claim 13

wherein coding the markup language that specifies the drawing space for creation within the web page is in response to receiving, at an application, a user input designating a graphical shape representing the drawing space within the web page, wherein the user input designating the drawing space comprises one of selecting an image of, or mathematically defining by the user input, a shape for the drawing space.

21. A system comprising:

a computer processor; and

a computer-readable storage medium comprising executable code, the code when executed by the computer processor being configured to generate a file adapted to draw an arbitrary graphics object within a web page by the following operations;

creating, by a web browser, a file in a non-transitory computer readable storage medium, including coded markup language that specifies a drawing space as an extent within the web page and coded procedural language that specifies a drawing command to draw the arbitrary graphics object in the drawing space in the web page;

creating the drawing space within the web page using the coded markup language; and

drawing, by the web browser, the arbitrary graphics object into the drawing space within the web page.

22. The system of claim 21, wherein the coded markup language specifies a height dimension and a width dimension of the drawing space represented by a graphical shape.

23. The system of claim 21, wherein coding procedural language that specifies the drawing command to draw the arbitrary graphics object is in response to receiving, at an application, a user input graphically representing the arbitrary graphics object within the web page.

24. The system of claim 21, wherein the file is retrievable by an application using a uniform resource locator (URL) associated with the file.

25. The system of claim 21

wherein coding the markup language that specifies the drawing space for creation within the web page is in response to receiving, at an application, a user input designating a graphical shape representing the drawing space within the web page, wherein the user input designating the drawing space comprises one of selecting an image of, or mathematically defining by the user input, a shape for the drawing space.