Add images or screenshots to a html doc

**guiismiti** · 8th February 2015, 19:33

I'm currently trying to use pixmap, spent a couple of hours on it already.

**d_stranz** · 8th February 2015, 19:47

You can use QPixmap, but you have to use QPixmap::save() to save it to a buffer (i.e. a QIODevice mapped to an in-memory buffer), then pass that buffer to a base64 encoder that will return the string. In order for the HTML to make sense of it, it has to be an exact copy of what a PNG file on disk looks like, when converted to base64. Simply writing out the bytes of a QPixmap won't work, it has to be converted to an image type that is recognized by the <img/> element.

**ChrisW67** · 8th February 2015, 20:16

QWidget::grab() to get an image of the widget
Save the image to a temporary file (QTemporaryFile maybe)
QUrl::fromLocalFile() to get a URL you can use in the src attribute of the img element.

I do not know of a way to suppress the page number when using the print() convenience function.

You will likely get a better quality result by directly rendering to a QPrinter or similar, but this is more work.

**guiismiti** · 8th February 2015, 21:28

I'm saving the pixmap inside C:/Temp, but I'm gonna use QTemporaryFile instead.

And now I've got a another problem. It's with my HTML code.
It is not recognizing some tags for the images I'm using.

Both "alt" (first image) and "width" and "height" (second image) are not working.

Qt Code:

Switch view

"<html>"
"<body>"
"<font size='4' face='Arial'>"
"<h1 align='center'>Title 1</h1>"
"<p align='center'><img src=':/images/applogo.png' alt='applogo'></p>" //this is the app logo
"<h2 align='center'>Title 2</h2>"
"<p align='center'>Chart title"
"<br><img src='C:/Temp/temp.png' height='241' width='621'></p>" //this is the chart
"</font>"
"</body>"
"</html>"

"<html>"
"<body>"
"<font size='4' face='Arial'>"
"<h1 align='center'>Title 1</h1>"
"<p align='center'><img src=':/images/applogo.png' alt='applogo'></p>" //this is the app logo
"<h2 align='center'>Title 2</h2>"
"<p align='center'>Chart title"
"<br><img src='C:/Temp/temp.png' height='241' width='621'></p>" //this is the chart
"</font>"
"</body>"
"</html>"

To copy to clipboard, switch view to plain text mode

I really need the width/height tags to work, since the chart is being stretched to the page size, and the resolution isn't good, especially for papers.
Any ideas?

**d_stranz** · 8th February 2015, 21:44

The <img> tags aren't valid HTML - the closing ">" is missing the "/" ("/>") Likewise with the "<br>" tag. (Although I'm not an HTML expert - I know HTML syntax is sloppy compared to the requirements of XML and SGML).

**guiismiti** · 8th February 2015, 21:45

Originally Posted by d_stranz

The <img> tags aren't valid HTML - the closing ">" is missing the "/" ("/>") Likewise with the "<br>" tag. (Although I'm not an HTML expert - I know HTML syntax is sloppy compared to the requirements of XML and SGML).

I have just noticed that and tried to correct it, still won't work.
Also tried to remove the ' from the width/height values, nothing.

**d_stranz** · 8th February 2015, 21:55

Maybe it is because the "img" tags are inside the "font" tags? But I'm guessing, too - I don't do HTML, so I don't know the proper syntax or semantics. Or maybe your browser simply doesn't understand these attributes?

Thread: Add images or screenshots to a html doc

Thread Tools

Search Thread

Display

Hybrid View

Re: Add images or screenshots to a html doc

Re: Add images or screenshots to a html doc

Re: Add images or screenshots to a html doc

The following user says thank you to ChrisW67 for this useful post:

Re: Add images or screenshots to a html doc

Re: Add images or screenshots to a html doc

Re: Add images or screenshots to a html doc

Re: Add images or screenshots to a html doc

Similar Threads

Why the images from the HTML file is not loaded??

How to use html to show overlapped images in QToolTip

GIF or MNG images for use in html for QTextBrowser

Loading images in html in a QTextBrowser

getting images out of html

Tags for this Thread

Bookmarks

Bookmarks

Posting Permissions