pdf renders garbled png image

#26490

Hi,

I am evaluating pd4ml and have run into a problem where, when my test html file references a png image, the image in the resultant pdf file comes out garbled.

I’ve tested converting the png image to gif, and then the resultant pdf file renders the image correctly, so I’m wondering if there are known bugs regarding png images?

Thanks.

#28320

An HTML document sample and its PDF output, sent to support pd4ml com would help us to analyze the problem reasons.

#28321

Sure, here’s the sample html I’m using (just using wikipedia’s png logo to test):

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>Test</title>
</head>
<body>
<img src="http://upload.wikimedia.org/wikipedia/commons/6/63/Wikipedia-logo.png" />
</body>
</html>

And I’ve attached the pdf output.

#28322

Well, it seems to be .NET specific issue. I’ve just tested with Java version – everything is ok. See attached.

Which version of PD4ML do you use?

#28323

Hi, yes, we are using the .Net version: pd4ml.pro.trial.dotnet20.360b3

#28324

As I see the issue impacts PNG24 images with alpha (translucency) layer only. We’ve been working on a bugfix.

#28325

Thank you. Please let me know when the fix is available.

#28326

Hi,

I am converting google charts to SVG images using bellow article

http://www.battlehorse.net/page/topics/charts/save_google_charts_as_image.html

Here I am getting SVG image path using canvas.toDataURL(), By using this path I can show image in html but not in PD4ML pdf as it is throwing an error
‘ERROR STDERR – Bad Base64 input character at 6644: 59(decimal)’.
can u please tell me how to show svg images in PD4ML files.

Sathish

#28327

Unfortunately PD4ML does not support JavaScript and Canvas – so most probably that is the problem reason.

On the other hand if you generate the chart in a regular browser, extract the image as a base64-encoded data URL and pass the image to PD4ML to be converted to PDF – the trick may work.

In the case it would help if you send us a typical data URL, obtained with canvas.toDataURL(). We’ll check what could be done.

[Author]

Posts