php - wkhtmltopdf not supporting data uri -
i have created report generating library project using php domdocument create html file , save temporary file. html includes javascript part takes parameter , renders shape using canvas , saves data uri, shows blank in pdf.
<div style="width:100%;height:200px"> <img id="overview" style="width:170px;height:170px;float:left;padding:10px" src="data:image/png;base64,ivborw0kggoaaaansuheugaaamgaaadicayaaactwk6eaaacxkleqvr4no2dexhu5b3hxxattba4uvu xinvp771pe3ulxw5re6oxyg3n/z0qda56w1t722jrxuq1rbzupwuvympgcepcjcejs0ggjagebmiwejjaco0 57wkhijhl9swswxpuh5neezlzz37ntn7p83yep545pnpe3/fnmbo9hxboxghpt7+pxrcmywcpmkp/l4gwmigqiwety5qezealbkkxdnqua7uzob4gvphp+xi50mwasozsgzkl2ywgjgmexyzs38saj7ylw vs2mtnvxn5edmdutojilbio/oijwku+bmhiqf1+yu+q4bz6/xzygk/l9oegcft0z+ppt6ccurtssrkdkgylohwoxmgiae9k/hgcnszmkcrdmlz7yiwvtylztl2ohksiooiei8k0hclolsv+xmkvt0m6a4m0ueoi+i92opl0ri k...+i6pwtsevhsscskn4quzovvnuvzhpiylvtc86an7/bsmrvn7hrxefgiwrcb6x/llo6gge9e2mdap0hku9d3ux75s1n5twrfqyqmgg7lhwvouj1e2vx1g8zcmuysfk4dalfh6tctbvnrywfdx0 gwznkbs3/ccujj+oiea8t6xmm6a4w4c2+wnliynp48kbj+/zus37+zktwvgr2+hkscewnmytpmvwnobnhwgyg9iphblhrq1luffsuomq2n7iwfpb0zmy+orinv2gpi2ccwqbu zpt+56k/vrzqxlwsoxftcnnq6y4lfm/q0ddo3lphy9tails3fpb3zwf/kv+n4kgww8ai2y1r1/7ynjx1ljk3p9hawhdivliioysqep2vla7+6uqz7v37z3sohx70njcpxhh6lhbf09aw6d5w4ikrtuass7ls1b9 rv5+jtltdtmltvtu/b6vfzfpsxrfu6b5c4/iatzab/d/az73hhwzt/aaaaabjru5erkjggg=="> </div>
javascript part
var angle=360-((relate/(relate+download))*360); can=document.createelement("canvas"); can.width=200; can.height=200; ctx=can.getcontext("2d"); var centerx=can.width/2; var centery=can.width/2; ctx.fillstyle="#d94d4c"; ctx.strokestyle="#d94d4c"; ctx.beginpath(); ctx.arc(centerx,centery,(can.width/2)-40,0,2*math.pi,false); ctx.arc(centerx,centery,can.width/2,2*math.pi,0,true); ctx.fill(); ctx.fillstyle="#f6d2d2"; ctx.strokestyle="#f6d2d2"; if(angle>=60){ angle=angle-60 }else{ angle=angle+300 } ctx.beginpath(); ctx.arc(centerx,centery,(can.width/2)-40,300*(math.pi/180),angle*(math.pi/180),false); ctx.arc(centerx,centery,can.width/2,angle*(math.pi/180),300*(math.pi/180),true); ctx.fill(); document.getelementbyid(relateid).src=can.todataurl();
what may problem?
Comments
Post a Comment