Generation of Canvas Elements for Drawing Objects

• US 20130283192A1
• Filed: 04/19/2012
• Published: 10/24/2013
• Est. Priority Date: 04/19/2012
• Status: Abandoned Application

• Current Assignee: Motorola Mobility LLC (Lenovo Group Ltd.)
• Original Assignee: Motorola Mobility, Inc. (Lenovo Group Ltd.)
• Inventors: Kranzberg, Sean P., Mowatt, Anthony C., Mueller, Eric J.
• Application Number:
  US13/451,027
• Publication Number:
  US 20130283192A1
• Time in Patent Office: Days
• US Class Current: 715/760
• CPC Class Codes: G06F 3/04815 Interaction with a metaphor-based environment or interaction object displayed as three-dimensional, e.g. changing the user viewpoint with respect to the environment or object

Abstract

A method for creating a canvas element for a 3D object to be displayed in a browser includes: receiving a user input for a selection of a 3D object, which is to be displayed in the browser; receiving a user input for a location in the browser for displaying the 3D object; and receiving a user input for a size of the 3D object in the browser. The method further includes: receiving a user input for displaying the 3D object at the location and for the 3D object to have the size; creating a canvas element having location information for the location and size information for the size and in which the 3D object is to be displayed where the canvas element is created based on receiving the user input for displaying the 3D object; and displaying the 3D object in the canvas element in the browser.

Claims

1. A method operable on a computing device for creating a canvas element for a three dimensional (3D) object to be displayed in a browser, the method comprising:

receiving, via the computing device, a user input for a selection of a 3D object, which is to be displayed in the browser;

receiving, via the computing device, a user input for a location in the browser for displaying the 3D object;

receiving, via the computing device, a user input for a size of the 3D object in the browser;

receiving, via the computing device, a user input for displaying the 3D object at the location and for the 3D object to have the size;

creating, via the computing device, a canvas element having location information for the location and size information for the size and in which the 3D object is to be displayed, wherein the canvas element is created based on receiving the user input for displaying the 3D object; and

displaying, via the computing device, the 3D object in the canvas element in the browser.

2. The method of claim 1, further comprising:

displaying the 3D object at the location; and

displaying the 3D object to have the size.

3. The method of claim 2, wherein receiving the location information for the location includes receiving the location information as the visual guide is expanded by the user, via the computing device, in the browser.

4. The method of claim 3, wherein receiving the size information for the size includes receiving the size information as the visual guide is expanded by the user, via the computing device, in the browser.

5. The method of claim 2, wherein receiving, via the computing device, the user input for the location includes:

tracking, via the computing device, a set of coordinates of a cursor moved in the browser,

receiving, via the computing device, a selection of a set of final coordinates at which the cursor is placed, and

capturing, via the computing device, the set of final coordinates and using the set of final coordinate to specify the location.

6. The method of claim 5, wherein

the set of coordinates comprises a first set of coordinates, and

receiving, via the computing device, the user input for the size of the 3D object in the browser includes tracking movement of the cursor in the browser from the location having the first set of coordinates to a second location having a second set of coordinates, wherein the first and the second sets of coordinates define the size of the 3D object.

7. The method of claim 2, further comprising displaying, via the computing device, a visual guide in the browser, wherein the visual guide is a visual indication of the location and the size of the 3D object in the browser.

8. The method of claim 7, further comprising removing, via the computing device, the visual guide from the browser based on displaying the 3D object in the canvas element in the browser.

9. The method of claim 1, wherein creating a canvas element includes creating, via the computing device, a document that includes instructions for the canvas element, and instructions for displaying the 3D object in the canvas element in the browser;

wherein the instruction are configured to be interpreted by the browser for displaying the 3D object in the canvas element in the browser.

10. The method of claim 9, wherein the document is a markup language document.

11. A non-transitory computer-readable storage medium comprises instructions for creating a canvas element for a three dimensional (3D) object to be displayed in a browser, the instructions for controlling a computer system to be operable for:

receiving a user input for a selection of a 3D object, which is to be displayed in the browser;

receiving a user input for a location in the browser for displaying the 3D object;

receiving a user input for a size of the 3D object in the browser;

receiving a user input for displaying the 3D object at the location and for the 3D object to have the size;

creating a canvas element having location information for the location and size information for the size and in which the 3D object is to be displayed, wherein the canvas element is created based on receiving the user input for displaying the 3D object; and

displaying the 3D object in the canvas element in the browser.

12. The non-transitory computer-readable storage medium of claim 11, wherein the instruction are further configured for controlling the computer system to be operable for:

displaying the 3D object at the location; and

displaying the 3D object to have the size.

13. The non-transitory computer-readable storage medium of claim 12, wherein receiving the location information for the location includes receiving the location information as the visual guide is expanded by the user, via the computing device, in the browser.

14. The non-transitory computer-readable storage medium of claim 13, wherein receiving the size information for the size includes receiving the size information as the visual guide is expanded by the user, via the computing device, in the browser.

15. The non-transitory computer-readable storage medium of claim 12, wherein receiving the user input for the location includes:

tracking a set of coordinates of a cursor moved in the browser,

receiving a selection of a set of final coordinates at which the cursor is placed, and

capturing the set of final coordinates and using the set of final coordinate to specify the location.

16. The non-transitory computer-readable storage medium of claim 15, wherein:

the set of coordinates comprises a first set of coordinates, and

receiving the user input for the size of the 3D object in the browser includes tracking movement of the cursor in the browser from the location having the first set of coordinates to a second location having a second set of coordinates, wherein the first and the second sets of coordinates define the size of the 3D object.

17. The non-transitory computer-readable storage medium of claim 12, wherein the instruction are further configured for controlling the computer system to be operable for:

displaying a visual guide in the browser, wherein the visual guide is a visual indication of the location and the size of the 3D object in the browser, and

removing the visual guide from the browser based on displaying the 3D object in the canvas element in the browser.

18. An apparatus configured to create a canvas element for a three dimensional (3D) object to be displayed in a browser, the apparatus comprising:

one or more computer processors; and

a computer-readable storage medium comprising instructions for controlling the one or more computer processors to be operable for;

receiving a user input for a selection of a 3D object, which is to be displayed in the browser;

receiving a user input for a location in the browser for displaying the 3D object;

receiving a user input for a size of the 3D object in the browser;

receiving a user input for displaying the 3D object at the location and for the 3D object to have the size;

creating a canvas element having location information for the location and size information for the size and in which the 3D object is to be displayed, wherein the canvas element is created based on receiving the user input for displaying the 3D object; and

displaying the 3D object in the canvas element in the browser.

19. The apparatus of claim 18, wherein the instructions are further configured for controlling the one or more computer processors to be operable for:

displaying the 3D object at the location; and

displaying the 3D object to have the size.

20. The apparatus of claim 19, wherein:

receiving the location information for the location includes receiving the location information as the visual guide is expanded by the user, via the computing device, in the browser; and

receiving the size information for the size includes receiving the size information as the visual guide is expanded by the user, via the computing device, in the browser.