php - HTML on image not printing in pdf -


this code

<?php class diagram { function outlet() {     $boothsizer = 3;      if($boothsizer ==  3){         $cellwidth = '112px';         $cellheight = '52px';         $innerdivelectrictop = '41px';          $innerdivelectricleft = '110px';             $backgroundimage = 'url(booth_top_images/5x20top.jpg)';         $width = '900px';         $height = '225px';         $sidewalls = 2;         $backwalls = 6;      }     else     if($boothsizer ==  19)     {         $cellwidth = '144px';         $cellheight = '145px';         $innerdivelectrictop = '105px';          $innerdivelectricleft =  '73px';             $backgroundimage = 'url(booth_top_images/10x10top.jpg)';         $width = '599px';         $height = '605px';         $sidewalls = 3;         $backwalls = 3;     }      $innerdivelectricwidth = $backwalls * $cellwidth;     $innerdivelectricheight = $sidewalls * $cellheight;      $output = '<div style="width:'.$width.'; height:'.$height.'; background-image:'.$backgroundimage.'">';      $output .= '<div id="inner_div_electric" style="position: relative; top: '.$innerdivelectrictop.'; left: '.$innerdivelectricleft.';width:'.$innerdivelectricwidth.';height:'.$innerdivelectricheight.'">';      for($i=1; $i<=$sidewalls; $i++)     {             for($j=1; $j<=$backwalls; $j++)             {                 $output .= '<span class="droppable_class" style="width:'.($cellwidth-2).'; height:'.($cellheight-2).'; border:1px solid red; float:left;display:inline-block;margin:0px;padding:0px;"></span>';              }     }      $output .= '</div></div>';      echo $output;       include("test/mpdf/mpdf.php");     $mpdf=new mpdf();        $mpdf->ignore_invalid_utf8 = true;     $stylesheet = file_get_contents('appstyle_pdf.css');     $mpdf->writehtml($stylesheet,1);     $mpdf->writehtml($output);      $comname = "vam";      $name = "test/generated_pdfs/".str_replace(" ","-",$comname).".pdf";           $mpdf->output($name,"f");      } }  $diag = new diagram; print $diag->outlet(); ?>

in code trying generate squares upon images , trying generate pdf, when echoed $output can see squares on images, in generated pdf image printing, squares not?

anybody ideas???

change <span> tags <div> tags , should work.

unfortunately don't have explaination solution @ moment. according mpdf script <span> tags part of enabledtags collection - mpdf.php line 23249. i'm not totally sure why <div> works , <span> doesn't.


Comments

Post a Comment

Popular posts from this blog

asp.net mvc 3 - Using mvc3, I need to add a username/password to the sql connection string at runtime -

i see how build string using stringbuilders (sql/entity framework); do cause connection string used in dbcontext? example context: public class pophistorydbcontext : dbcontext { public dbset<pophistory> histories {get;set} } public class pophistoryrepository: ihistoryrepository { private pophistorydbcontext context = new pophistorydbcontext(); public iqueryable<pophistory> histories{ {return context.histories;} } } example usage in controller: public class historycontroller : controller { private ihistoryrepository repository = new pophistoryrepository(); var histories = h in repository.histories (h.modifytimestamp > today) select h; if (!string.isnullorempty(searchstring)) { histories = histories.where(h => h.dn.toupper().contains(searchstring.toupper())); } thank you
Read more

kineticjs - draw multiple lines and delete individual line -

i can draw multiple lines on canvas; added layer using drawscene dlayera1.add(line); line.getpoints()[0].x = mousepos.x; line.getpoints()[0].y = mousepos.y; line.getpoints()[1].x = mousepos.x; line.getpoints()[1].y = mousepos.y; moving = true; dlayera1.drawscene(); http://jsfiddle.net/user373721/xzead/1/ . is there way delete individual line? currently, you'll have modify points array this: line.getpoints()[0].splice(index, 1); since arrays modified reference, modifying returned array modifies "source of truth" points array attr
Read more

thumbnails - jQuery image rotate on hover -

any chance change image src on hover , count 10 , again first? this need, default thumb, flv-3.jpg ! <img src="/thumbs/e/b/d/6/d/ebd6d2d6d99e/ebd6d2d6d99e.flv-3.jpg" /> on mouse hover need change number flv-1.jpg flv-2.jpg flv-3.jpg flv-4.jpg etc.. up 10, , again , start number 1, when move mouse thumbs need default thumb flv-3.jpg this im use not solutions, var _thumbs = new array(); function changethumb(index, i, num_thumbs, path) { if (_thumbs[index]) { document.getelementbyid(index).src = path + + ".jpg"; preload = new image(); preload_image_id = (i + 1 > num_thumbs) ? 1 : + 1; preload.src = path + preload_image_id + ".jpg"; = % num_thumbs; i++; settimeout("changethumb('" + index + "'," + + ", " + num_thumbs + ", '" + path + "')", 800) } } function startthumbchange(index, nu
Read more