I have created a simple html-based web-page consisting of a form and some text, plus a canvas. I would like to print the page including the canvas on a piece of paper, the problem is - the canvas will not show in the print-out. Is it something I have missed in how to handle the canvas? I am currently using Opera, any knowledge whether other browsers handle this better?
The following is the code snippet to display an HTML5 canvas element. Here canvas_voucher is ID of canvas element.To make this start functioning we need to convert the canvas into . png image URL and open it in a new browser window. Print dialog is triggered to let user print the page.
Thanks to significant advances in technology, it's now easier than ever before to print artwork, text and images onto canvas paper. There are a number of different canvas printers available, which have been designed to produce high quality prints on canvas quickly, easily and efficiently.
Can You Print on Canvas With an Inkjet Printer? There used to be a time when painting was the only available treatment for canvas surfaces. This is no longer the case. Now, you can create easy canvas prints at home with the right substrate and a good-quality inkjet printer.
The HTML5 canvas has the potential to become a staple of the web, enjoying ubiquitous browser and platform support in addition to widespread webpage support, as nearly 90% of websites have ported to HTML5.
what you need to do in this case is, have a special print view, where the canvas gets replaced by an image file, which then can be printed out easily.
have a look here: Capture HTML Canvas as gif/jpg/png/pdf?
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With