Canvas image rendering

We want to create the mirror with the frame using canvas. Below are steps to create an image on canvas. Step 1: First select frame/molding. Step 2: Select Flat or Beveled mirror type/edging. Step 3: Then finally, enters width and height of the mirror. After following above 3 steps final mirror image will be created based on selected frame image, mirror edging and [login to view URL] the mirror. We want 3 canvas images based on this final image. First is the mirror image ([login to view URL]), then mirror with room view ([login to view URL]), and selected frame([login to view URL]). (Check attach images) Also, final images should be changed at the same time when width and height are changing by the user. NOTE: All these canvases must be created based on one frame image. (Please check sample frame image in attachment [login to view URL]) Below is reference website. This website has table as a product and we have mirror that is the difference. [login to view URL] Note: using canvas and fabric html tags is how the image is rendered.l