Merging Drawing Objects from a Set of Canvas Elements
A method operable on a computer is provided for creating a canvas element for displaying 3D objects in the canvas element in a browser. The method includes capturing a first size of a first canvas element in which a first set of 3D objects is displayed in the first canvas element in the browser, and includes capturing a second size of a second canvas element in which a second set of 3D objects is displayed in the second canvas element in the browser. The method further includes creating a third canvas element having a third size that is a union of the first size and the second size based on capturing the first size and the second size. The method further includes displaying in the browser the first and the second sets of 3D objects in the third canvas element.
1 . A method operable on a computing device for creating a canvas element for displaying a set of three dimensional (3D) objects in the canvas element in a browser, the method comprising:
capturing, via the computing device, a first size of a first canvas element in which a first set of 3D objects is displayed in the first canvas element in the browser;
capturing, via the computing device, a second size of a second canvas element in which a second set of 3D objects is displayed in the second canvas element in the browser;
creating, via the computing device, a third canvas element having a third size that is a union of the first size and the second size based on capturing the first size and the second size; and
displaying, via the computing device, in the browser the first and the second sets of 3D objects in the third canvas element.
2 . The method of claim 1 , further comprising:
removing, via the computing device, from the browser the first set of 3D objects displayed in the first canvas element; and
removing, via the computing device, from the browser the second set of 3D objects displayed in the second canvas element.
3 . The method of claim 1 , further comprising capturing, via the computing device, sets of location coordinates at which the 3D objects in the first and the second set of 3D objects are displayed in the browser.
4 . The method of claim 1 , wherein displaying the first and the second set of 3D objects in the third canvas element includes displaying the first and the second set of 3D objects at the sets of location coordinates in the third canvas element.
5 . The method of claim 4 , wherein:
creating the third canvas element includes creating the third size and a location for the third canvas element, and
the 3D objects in the first and the second sets of 3D objects are displayed in the third canvas element at the sets of location coordinates.
6 . The method of claim 1 , further comprising:
capturing, via the computing device, a first set of image information for the first set of 3D objects;
capturing, via the computing device, a second set of image information for the second set of 3D objects; and
combining the first and the second sets of image information in a data structure, which stores a hierarchy of the image information,
wherein displaying in the browser the first and the second sets of 3D objects in the third canvas element includes displaying the first and the second sets of 3D objects in the third canvas element according to the image information in the data structure.
7 . The method of claim 6 , wherein the image information includes geometry information of the 3D objects, lighting information of the 3D objects, material information of the 3D objects, and camera orientation information of the 3D objects.
8 . The method of claim 1 , wherein the third size that is a union of the first size and the second size and has coordinates that are largest extending coordinates of the first size and the second size.
9 . The method of claim 1 , further comprising receiving first and second user inputs, via the computing device, for respective selections of the first canvas element and the second canvas element, wherein the first and the second user input are used to create the third canvas element.
10 . A non-transitory computer-readable storage medium comprises instructions for displaying a set of three dimensional (3D) objects in the canvas element in a browser, the instructions for controlling a computer system to be operable for:
capturing a first size of a first canvas element in which a first set of 3D objects is displayed in the first canvas element in the browser;
capturing a second size of a second canvas element in which a second set of 3D objects is displayed in the second canvas element in the browser;
creating a third canvas element having a third size that is a union of the first size and the second size based on capturing the first size and the second size; and
displaying in the browser the first and the second sets of 3D objects in the third canvas element.
11 . The non-transitory computer-readable storage medium of claim 10 , wherein the instructions are further configured for controlling the computer system to be operable for capturing sets of location coordinates at which the 3D objects in the first and the second set of 3D objects are displayed in the browser.
12 . The non-transitory computer-readable storage medium of claim 10 , wherein displaying the first and the second set of 3D objects in the third canvas element includes displaying the first and the second set of 3D objects at the sets of location coordinates in the third canvas element.
13 . The non-transitory computer-readable storage medium of claim 12 , wherein:
creating the third canvas element includes creating the third size and a location for the third canvas element, and
the 3D objects in the first and the second sets of 3D objects are displayed in the third canvas element at the sets of location coordinates.
14 . The non-transitory computer-readable storage medium of claim 10 , wherein the instructions are further configured for controlling the computer system to be operable for:
capturing a first set of image information for the first set of 3D objects;
capturing a second set of image information for the second set of 3D objects; and
combining the first and the second sets of image information in a data structure, which stores a hierarchy of the image information,
wherein displaying in the browser the first and the second sets of 3D objects in the third canvas element includes displaying the first and the second sets of 3D objects in the third canvas element according to the image information in the data structure, and
wherein the image information includes geometry information of the 3D objects, lighting information of the 3D objects, material information of the 3D objects, and camera orientation information of the 3D objects.
15 . The non-transitory computer-readable storage medium of claim 10 , wherein the third size that is a union of the first size and the second size and has coordinates that are largest extending coordinates of the first size and the second size.
16 . The non-transitory computer-readable storage medium of claim 10 , wherein the instructions are further configured for controlling the computer system to be operable for receiving first and second user inputs for respective selections of the first canvas element and the second canvas element, wherein the first and the second user input are used to create the third canvas element.
17 . An apparatus configured to display a set of three dimensional (3D) objects in the canvas element 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:
capturing a first size of a first canvas element in which a first set of 3D objects is displayed in the first canvas element in the browser;
capturing a second size of a second canvas element in which a second set of 3D objects is displayed in the second canvas element in the browser;
creating a third canvas element having a third size that is a union of the first size and the second size based on capturing the first size and the second size; and
displaying in the browser the first and the second sets of 3D objects in the third canvas element.
18 . The apparatus of claim 17 , wherein the computer-readable storage medium comprising further instructions for controlling the one or more computer processors to be operable for capturing sets of location coordinates at which the 3D objects in the first and the second set of 3D objects are displayed in the browser.
19 . The apparatus of claim 17 wherein displaying the first and the second set of 3D objects in the third canvas element includes displaying the first and the second set of 3D objects at the sets of location coordinates in the third canvas element.
20 . The apparatus of claim 19 , wherein:
creating the third canvas element includes creating the third size and a location for the third canvas element, and
the 3D objects in the first and the second sets of 3D objects are displayed in the third canvas element at the sets of location coordinates.