Want to protect your cyber security and still get fast solutions? Ask a secure question today.Go Premium

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 295
  • Last Modified:

How to create a web page snapshot not based on the DOM

I'm developing a website where people can design(customize) a product. Something similar to Vista Print where you can design a business card or a banner. After the customer has designed the product I need to capture a screenshot of the finished design. I've seen scripts such as html2canvas but they base the screenshot on the DOM which only shows what the webpage looked like before the customer started to drag and drop objects in the design process.

I need a way to capture what the product looks like when the customer clicks the add to basket button.

Web product page, the DOM viewA finished design sample, this is what I need to capture in a screen shot
0
Gary Samuels
Asked:
Gary Samuels
  • 3
1 Solution
 
fiboCommented:
Do you want to make a screen capture in a single image, or a text capture in some data model?

You say you do not want the DOM because it would not have been updated. Would finding a way to update it solve your problem?
0
 
Gary SamuelsPlant ManagerAuthor Commented:
The only thing I need is a single image of the product. My next step would be to save the image as a file and attach it to the order.

I'm not sure I understand your question about updating the page because if I refresh the page it returns to the original screen and all customization is lost.
0
 
fiboCommented:
You might consider using some ajax to save the current state of your DOM... or directly have a "save" button for your customer to register her/ his config
0
 
fiboCommented:
B-) glad to give some help. Thx for the points and grade!
0

Featured Post

VIDEO: THE CONCERTO CLOUD FOR HEALTHCARE

Modern healthcare requires a modern cloud. View this brief video to understand how the Concerto Cloud for Healthcare can help your organization.

  • 3
Tackle projects and never again get stuck behind a technical roadblock.
Join Now