{"id":22,"date":"2006-11-29T17:58:12","date_gmt":"2006-11-29T15:58:12","guid":{"rendered":"http:\/\/blog.ansuz.nl\/index.php\/2006\/11\/29\/dompdf-experiment-pt3-images\/"},"modified":"2006-11-29T18:02:04","modified_gmt":"2006-11-29T16:02:04","slug":"dompdf-experiment-pt3-images","status":"publish","type":"post","link":"http:\/\/blog.ansuz.nl\/index.php\/2006\/11\/29\/dompdf-experiment-pt3-images\/","title":{"rendered":"dompdf experiment pt3 – images"},"content":{"rendered":"

An image can be added for use with pdf in two ways:<\/p>\n

    \n
  1. Let dompdf determine the size for the image acoording to the DOMPDF_DPI<\/em> setting in dompdf_config.inc.php or<\/li>\n
  2. Determine the size in CSS using a unit other than pixels<\/li>\n<\/ol>\n

    Method 1:<\/strong> place your image in your html doc and change the line following line to your preferred DPI setting:<\/p>\n

    define(“DOMPDF_DPI”, “300”);<\/p><\/blockquote>\n

    Note:<\/em> This gives you little control over the width\/height of the image used in your pdf. (Keeping in mind that you might want to do this dynamically and let users upload their own images)<\/p>\n

    Method 2:<\/strong> set the image size in your CSS, ie:<\/p>\n

    img.fixedsize {
    \nwidth: 150mm;
    \n}<\/p><\/blockquote>\n

    This gives the image (with class name ‘fixedsize’) a fixed width of 150mm. Very usefull to stay ‘true’ to a certain layout.
    \nNote:<\/em> The disadvantage of this method is that an image can be too small to decently use in your predefined size and thus appears grainy in your pdf file.<\/p>\n

    All in all this works fine and I ran into no trouble at all.<\/p>\n