{"id":56905,"date":"2022-09-27T03:01:10","date_gmt":"2022-09-26T17:01:10","guid":{"rendered":"http:\/\/www.rjmprogramming.com.au\/ITblog\/?p=56905"},"modified":"2022-09-26T22:15:57","modified_gmt":"2022-09-26T12:15:57","slug":"pdf-image-and-text-nodes-and-lines-and-rectangles-tutorial","status":"publish","type":"post","link":"https:\/\/www.rjmprogramming.com.au\/ITblog\/pdf-image-and-text-nodes-and-lines-and-rectangles-tutorial\/","title":{"rendered":"PDF Image and Text Nodes and Lines and Rectangles Tutorial"},"content":{"rendered":"<div style=\"width: 230px\" class=\"wp-caption alignnone\"><a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/pdfimageplustext.php\"><img decoding=\"async\" style=\"border: 15px solid pink;\" alt=\"PDF Image and Text Nodes and Lines and Rectangles Tutorial\" src=\"http:\/\/www.rjmprogramming.com.au\/line_rect_fpdf.jpg\" title=\"PDF Image and Text Nodes and Lines and Rectangles Tutorial\"  style=\"float:left;\" \/><\/a><p class=\"wp-caption-text\">PDF Image and Text Nodes and Lines and Rectangles Tutorial<\/p><\/div>\n<p>Onto yesterday&#8217;s <a title='PDF Image and Text Nodes Mobile Scrolling Tutorial' href='#pdfitnmst'>PDF Image and Text Nodes Mobile Scrolling Tutorial<\/a>&#8216;s progress we turn our attention back to some <a target=_blank title='Fpdf PHP class' href='HTTP:\/\/www.fpdf.org\/'>Fpdf<\/a> talents &#8230;<\/p>\n<ul>\n<li>draw lines into a PDF document &#8230; and &#8230;<\/li>\n<li>draw and\/or infill rectangles into a PDF document<\/li>\n<\/ul>\n<p> &#8230; as two ideas heading towards &#8220;some annotating talents&#8221; for our Image and Text Nodes (and now Lines and Rectangles) PDF creator PHP web application.  It was again in that onclick logic <font color>a lot of the change<\/font> was needed &#8230;<\/p>\n<p><code><br \/>\n <font color=blue>var xs=[], ys=[];<\/font><br \/>\n<br \/>\n  document.getElementById('mybody').onclick=function(e){<br \/>\n    var yes=false;<br \/>\n    if (areaclick) {<br \/>\n    areaclick=false;<br \/>\n    } else {<br \/>\n    e = e || window.event;<br \/>\n    e.preventDefault();<br \/>\n       if (!showingc) {<br \/>\n       startrecording=true;<br \/>\n       if (e.originalEvent) {<br \/>\n         if (e.originalEvent.touches) {<br \/>\n           yes=true;<br \/>\n         }<br \/>\n       }<br \/>\n       var rectis=document.body.getBoundingClientRect();<br \/>\n       if (e.touches) {<br \/>\n       if (e.touches[0].pageX) {<br \/>\n       x = e.touches[0].pageX;<br \/>\n       y = e.touches[0].pageY;<br \/>\n       <font color=blue>if (eval('' + xs.length) == 0) {<\/font><br \/>\n       \/\/alert('0:' + document.body.offsetLeft + ',' + document.body.offsetTop);<br \/>\n       document.getElementById('blob').innerHTML+='&lt;div class=dblob onmouseover=\\\" blobover(this); \\\" onmouseout=\\\" blobout(this);\\\" onclick=\\\" blobdel(this.id); \\\" title=\\\"\\\" id=\\\"bpdftext' + coordn + '\\\" style=\\\"position:absolute;left:' + eval(0 + x) + 'px;top:' + eval(0 + y) + 'px;background-color:red;z-index:100;\\\"&gt;x&lt;\/div&gt;';<br \/>\n       document.getElementById('immap').innerHTML+=\\\"&lt;area id=area\\\" + areacnt + \\\" alt='\\\" + cidurls + \\\"' shape=rect onclick=ack(this.alt,\\\" + coordn + \\\",true); coords='\\\" + eval(-8 + x) + \\\",\\\" + eval(-8 + y) + \\\",\\\" + eval(8 + x) + \\\",\\\" + eval(8 + y) + \\\"' nohref \/&gt;\\\";<br \/>\n       areacnt++;<br \/>\n        <font color=blue>xs.push(x);<br \/>\n       ys.push(y);<\/font><br \/>\n       setTimeout(askaway,<font color=blue>4<\/font>500);<br \/>\n       <font color=blue>} else if (eval('' + xs.length) &gt;= 2) {<br \/>\n       if (eval('' + xs.length) == 2) {<br \/>\n         document.title+=' | ';<br \/>\n         xs.push(Math.abs(xs[0] - xs[1]));<br \/>\n         ys.push(Math.abs(ys[0] - ys[1]));<br \/>\n         xs.push(Math.abs(xs[0] - xs[1]));<br \/>\n         ys.push(Math.abs(ys[0] - ys[1]));<br \/>\n         xs[0]=Math.min(xs[0], xs[1]);<br \/>\n         ys[0]=Math.min(ys[0], ys[1]);<br \/>\n         xs[1]=xs[2];<br \/>\n         ys[1]=ys[2];<br \/>\n         x=xs[0];<br \/>\n         y=ys[0];<br \/>\n        \/\/ alert(xs.length + ' ? RE rect');<br \/>\n       } else {<br \/>\n         x=xs[0];<br \/>\n         y=ys[0];<br \/>\n         if (eval('' + xs.length) == 4) { xs[0]+=0.00001; }<br \/>\n       }<br \/>\n       } else {<br \/>\n       xs.push(x);<br \/>\n       ys.push(y);<br \/>\n         x=xs[0];<br \/>\n         y=ys[0];<br \/>\n       }<\/font><br \/>\n       } else {<br \/>\n       x = eval(-rectis.left + e.touches[0].clientX);<br \/>\n       y = eval(-rectis.top + e.touches[0].clientY);<br \/>\n       <font color=blue>if (eval('' + xs.length) == 0) {<\/font><br \/>\n       \/\/alert('1:' + document.body.offsetLeft + ',' + document.body.offsetTop);<br \/>\n       document.getElementById('blob').innerHTML+='&lt;div class=dblob onmouseover=\\\" blobover(this); \\\" onmouseout=\\\" blobout(this);\\\" onclick=\\\" blobdel(this.id); \\\" title=\\\"\\\" id=\\\"bpdftext' + coordn + '\\\" style=\\\"position:absolute;left:' + eval(0 + x) + 'px;top:' + eval(0 + y) + 'px;background-color:red;z-index:100;\\\"&gt;x&lt;\/div&gt;';<br \/>\n       document.getElementById('immap').innerHTML+=\\\"&lt;area id=area\\\" + areacnt + \\\" alt='\\\" + cidurls + \\\"' shape=rect onclick=ack(this.alt,\\\" + coordn + \\\",true); coords='\\\" + eval(-8 + x) + \\\",\\\" + eval(-8 + y) + \\\",\\\" + eval(8 + x) + \\\",\\\" + eval(8 + y) + \\\"' nohref \/&gt;\\\";<br \/>\n       areacnt++;<br \/>\n       <font color=blue>xs.push(x);<br \/>\n       ys.push(y);<\/font><br \/>\n       setTimeout(askaway,<font color=blue>4<\/font>500);<br \/>\n       <font color=blue>} else if (eval('' + xs.length) &gt;= 2) {<br \/>\n       if (eval('' + xs.length) == 2) {<br \/>\n         document.title+=' | ';<br \/>\n         xs.push(Math.abs(xs[0] - xs[1]));<br \/>\n         ys.push(Math.abs(ys[0] - ys[1]));<br \/>\n         xs.push(Math.abs(xs[0] - xs[1]));<br \/>\n         ys.push(Math.abs(ys[0] - ys[1]));<br \/>\n         xs[0]=Math.min(xs[0], xs[1]);<br \/>\n         ys[0]=Math.min(ys[0], ys[1]);<br \/>\n         xs[1]=xs[2];<br \/>\n         ys[1]=ys[2];<br \/>\n         x=xs[0];<br \/>\n         y=ys[0];<br \/>\n        \/\/ alert(xs.length + ' ? RE rect');<br \/>\n       } else {<br \/>\n         x=xs[0];<br \/>\n         y=ys[0];<br \/>\n         if (eval('' + xs.length) == 4) { xs[0]+=0.00001; }<br \/>\n       }<br \/>\n       } else {<br \/>\n       xs.push(x);<br \/>\n       ys.push(y);<br \/>\n          x=xs[0];<br \/>\n         y=ys[0];<br \/>\n      }<br \/>\n       }<\/font><br \/>\n       \/\/console.log('pos3=' + pos3 + ',pos4=' + pos4);<br \/>\n       } else if (yes) {<br \/>\n       if (e.originalEvent.touches[0].pageX) {<br \/>\n       x = e.originalEvent.touches[0].pageX;<br \/>\n       y = e.originalEvent.touches[0].pageY;<br \/>\n       <font color=blue>if (eval('' + xs.length) == 0) {<\/font><br \/>\n       \/\/alert('0:' + document.body.offsetLeft + ',' + document.body.offsetTop);<br \/>\n       document.getElementById('blob').innerHTML+='&lt;div class=dblob onmouseover=\\\" blobover(this); \\\" onmouseout=\\\" blobout(this);\\\" onclick=\\\" blobdel(this.id); \\\" title=\\\"\\\" id=\\\"bpdftext' + coordn + '\\\" style=\\\"position:absolute;left:' + eval(0 + x) + 'px;top:' + eval(0 + y) + 'px;background-color:red;z-index:100;\\\"&gt;x&lt;\/div&gt;';<br \/>\n       document.getElementById('immap').innerHTML+=\\\"&lt;area id=area\\\" + areacnt + \\\" alt='\\\" + cidurls + \\\"' shape=rect onclick=ack(this.alt,\\\" + coordn + \\\",true); coords='\\\" + eval(-8 + x) + \\\",\\\" + eval(-8 + y) + \\\",\\\" + eval(8 + x) + \\\",\\\" + eval(8 + y) + \\\"' nohref \/&gt;\\\";<br \/>\n       areacnt++;<br \/>\n       <font color=blue>xs.push(x);<br \/>\n       ys.push(y);<\/font><br \/>\n       setTimeout(askaway,<font color=blue>4<\/font>500);<br \/>\n       <font color=blue>} else if (eval('' + xs.length) &gt;= 2) {<br \/>\n       if (eval('' + xs.length) == 2) {<br \/>\n         document.title+=' | ';<br \/>\n         xs.push(Math.abs(xs[0] - xs[1]));<br \/>\n         ys.push(Math.abs(ys[0] - ys[1]));<br \/>\n         xs.push(Math.abs(xs[0] - xs[1]));<br \/>\n         ys.push(Math.abs(ys[0] - ys[1]));<br \/>\n         xs[0]=Math.min(xs[0], xs[1]);<br \/>\n         ys[0]=Math.min(ys[0], ys[1]);<br \/>\n         xs[1]=xs[2];<br \/>\n         ys[1]=ys[2];<br \/>\n         x=xs[0];<br \/>\n         y=ys[0];<br \/>\n        \/\/ alert(xs.length + ' ? RE rect');<br \/>\n       } else {<br \/>\n         x=xs[0];<br \/>\n         y=ys[0];<br \/>\n         if (eval('' + xs.length) == 4) { xs[0]+=0.00001; }<br \/>\n       }<br \/>\n       } else {<br \/>\n       xs.push(x);<br \/>\n       ys.push(y);<br \/>\n         x=xs[0];<br \/>\n         y=ys[0];<br \/>\n       }<\/font><br \/>\n       } else {<br \/>\n       x = eval(-rectis.left + e.originalEvent.touches[0].clientX);<br \/>\n       y = eval(-rectis.top + e.originalEvent.touches[0].clientY);<br \/>\n       <font color=blue>if (eval('' + xs.length) == 0) {<\/font><br \/>\n       \/\/alert('1:' + document.body.offsetLeft + ',' + document.body.offsetTop);<br \/>\n       document.getElementById('blob').innerHTML+='&lt;div class=dblob onmouseover=\\\" blobover(this); \\\" onmouseout=\\\" blobout(this);\\\" onclick=\\\" blobdel(this.id); \\\" title=\\\"\\\" id=\\\"bpdftext' + coordn + '\\\" style=\\\"position:absolute;left:' + eval(0 + x) + 'px;top:' + eval(0 + y) + 'px;background-color:red;z-index:100;\\\"&gt;x&lt;\/div&gt;';<br \/>\n       document.getElementById('immap').innerHTML+=\\\"&lt;area id=area\\\" + areacnt + \\\" alt='\\\" + cidurls + \\\"' shape=rect onclick=ack(this.alt,\\\" + coordn + \\\",true); coords='\\\" + eval(-8 + x) + \\\",\\\" + eval(-8 + y) + \\\",\\\" + eval(8 + x) + \\\",\\\" + eval(8 + y) + \\\"' nohref \/&gt;\\\";<br \/>\n       areacnt++;<br \/>\n       <font color=blue>xs.push(x);<br \/>\n       ys.push(y);<\/font><br \/>\n       setTimeout(askaway,<font color=blue>4<\/font>500);<br \/>\n       <font color=blue>} else if (eval('' + xs.length) &gt;= 2) {<br \/>\n       if (eval('' + xs.length) == 2) {<br \/>\n         document.title+=' | ';<br \/>\n         xs.push(Math.abs(xs[0] - xs[1]));<br \/>\n         ys.push(Math.abs(ys[0] - ys[1]));<br \/>\n         xs.push(Math.abs(xs[0] - xs[1]));<br \/>\n         ys.push(Math.abs(ys[0] - ys[1]));<br \/>\n         xs[0]=Math.min(xs[0], xs[1]);<br \/>\n         ys[0]=Math.min(ys[0], ys[1]);<br \/>\n         xs[1]=xs[2];<br \/>\n         ys[1]=ys[2];<br \/>\n         x=xs[0];<br \/>\n         y=ys[0];<br \/>\n       \/\/  alert(xs.length + ' ? RE rect');<br \/>\n       } else {<br \/>\n         x=xs[0];<br \/>\n         y=ys[0];<br \/>\n         if (eval('' + xs.length) == 4) { xs[0]+=0.00001; }<br \/>\n      }<br \/>\n       } else {<br \/>\n       xs.push(x);<br \/>\n       ys.push(y);<br \/>\n         x=xs[0];<br \/>\n         y=ys[0];<br \/>\n       }<\/font><br \/>\n       }<br \/>\n       \/\/console.log('pos3=' + pos3 + ',pos4=' + pos4);<br \/>\n       } else if (e.clientX || e.clientY) {<br \/>\n        x = eval(-rectis.left + e.clientX);<br \/>\n        y = eval(-rectis.top + e.clientY);<br \/>\n       <font color=blue>if (eval('' + xs.length) == 0) {<\/font><br \/>\n       \/\/alert('2:' + rectis.left + ',' + rectis.top);<br \/>\n       document.getElementById('blob').innerHTML+='&lt;div class=dblob onmouseover=\\\" blobover(this); \\\" onmouseout=\\\" blobout(this);\\\" onclick=\\\" blobdel(this.id); \\\" title=\\\"\\\" id=\\\"bpdftext' + coordn + '\\\" style=\\\"position:absolute;left:' + eval(0 + x) + 'px;top:' + eval(0 + y) + 'px;background-color:red;z-index:100;\\\"&gt;x&lt;\/div&gt;';<br \/>\n       document.getElementById('immap').innerHTML+=\\\"&lt;area id=area\\\" + areacnt + \\\" alt='\\\" + cidurls + \\\"' shape=rect onclick=ack(this.alt,\\\" + coordn + \\\",true); coords='\\\" + eval(-8 + x) + \\\",\\\" + eval(-8 + y) + \\\",\\\" + eval(8 + x) + \\\",\\\" + eval(8 + y) + \\\"' nohref \/&gt;\\\";<br \/>\n       areacnt++;<br \/>\n       <font color=blue>xs.push(x);<br \/>\n       ys.push(y);<\/font><br \/>\n       setTimeout(askaway,<font color=blue>4<\/font>500);<br \/>\n       <font color=blue>} else if (eval('' + xs.length) &gt;= 2) {<br \/>\n       if (eval('' + xs.length) == 2) {<br \/>\n         document.title+=' | ';<br \/>\n         xs.push(Math.abs(xs[0] - xs[1]));<br \/>\n         ys.push(Math.abs(ys[0] - ys[1]));<br \/>\n         xs.push(Math.abs(xs[0] - xs[1]));<br \/>\n         ys.push(Math.abs(ys[0] - ys[1]));<br \/>\n         xs[0]=Math.min(xs[0], xs[1]);<br \/>\n         ys[0]=Math.min(ys[0], ys[1]);<br \/>\n         xs[1]=xs[2];<br \/>\n         ys[1]=ys[2];<br \/>\n         x=xs[0];<br \/>\n         y=ys[0];<br \/>\n       \/\/  alert(xs.length + ' ? RE rect');<br \/>\n       } else {<br \/>\n         x=xs[0];<br \/>\n         y=ys[0];<br \/>\n         if (eval('' + xs.length) == 4) { xs[0]+=0.00001; }<br \/>\n       }<br \/>\n       } else {<br \/>\n       xs.push(x);<br \/>\n       ys.push(y);<br \/>\n         x=xs[0];<br \/>\n         y=ys[0];<br \/>\n       }<\/font><br \/>\n       } else {<br \/>\n        x = e.pageX;<br \/>\n        y = e.pageY;<br \/>\n       <font color=blue>if (eval('' + xs.length) == 0) {<\/font><br \/>\n       \/\/alert('3:' + document.body.offsetLeft + ',' + document.body.offsetTop);<br \/>\n       document.getElementById('blob').innerHTML+='&lt;div class=dblob onmouseover=\\\" blobover(this); \\\" onmouseout=\\\" blobout(this);\\\" onclick=\\\" blobdel(this.id); \\\" title=\\\"\\\" id=\\\"bpdftext' + coordn + '\\\" style=\\\"position:absolute;left:' + eval(0 + x) + 'px;top:' + eval(0 + y) + 'px;background-color:red;z-index:100;\\\"&gt;x&lt;\/div&gt;';<br \/>\n       document.getElementById('immap').innerHTML+=\\\"&lt;area id=area\\\" + areacnt + \\\" alt='\\\" + cidurls + \\\"' shape=rect onclick=ack(this.alt,\\\" + coordn + \\\",true); coords='\\\" + eval(-8 + x) + \\\",\\\" + eval(-8 + y) + \\\",\\\" + eval(8 + x) + \\\",\\\" + eval(8 + y) + \\\"' nohref \/&gt;\\\";<br \/>\n       areacnt++;<br \/>\n       <font color=blue>xs.push(x);<br \/>\n       ys.push(y);<\/font><br \/>\n       setTimeout(askaway,<font color=blue>4<\/font>500);<br \/>\n       <font color=blue>} else if (eval('' + xs.length) &gt;= 2) {<br \/>\n       if (eval('' + xs.length) == 2) {<br \/>\n         document.title+=' | ';<br \/>\n         xs.push(Math.abs(xs[0] - xs[1]));<br \/>\n         ys.push(Math.abs(ys[0] - ys[1]));<br \/>\n         xs.push(Math.abs(xs[0] - xs[1]));<br \/>\n         ys.push(Math.abs(ys[0] - ys[1]));<br \/>\n         xs[0]=Math.min(xs[0], xs[1]);<br \/>\n         ys[0]=Math.min(ys[0], ys[1]);<br \/>\n         xs[1]=xs[2];<br \/>\n         ys[1]=ys[2];<br \/>\n         x=xs[0];<br \/>\n         y=ys[0];<br \/>\n        \/\/ alert(xs.length + ' ? RE rect');<br \/>\n       } else {<br \/>\n         x=xs[0];<br \/>\n         y=ys[0];<br \/>\n          if (eval('' + xs.length) == 4) { xs[0]+=0.00001; }<br \/>\n       }<br \/>\n       } else {<br \/>\n       xs.push(x);<br \/>\n       ys.push(y);<br \/>\n         x=xs[0];<br \/>\n         y=ys[0];<br \/>\n       }<\/font><br \/>\n       }<br \/>\n       }<br \/>\n    }<br \/>\n  };<br \/>\n<\/code><\/p>\n<p> &#8230; allowing the user four extra seconds after that first click, now, to &#8230;<\/p>\n<ul>\n<li>add in one more line end click<\/li>\n<li>add in two more clicks for a drawn rectangle extending to the first two click positions<\/li>\n<li>add in three or more clicks for a filled in rectangle extending to the first two click positions<\/li>\n<\/ul>\n<p> &#8230; in <a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/PHP\/Geographicals\/diff.php?one=http:\/\/www.rjmprogramming.com.au\/pdfimageplustext.php-------------------------GETME\">its changed, sometimes supervisory<\/a> <a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/pdfimageplustext.php-------------------------GETME\">pdfimageplustext.php<\/a> <a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/pdfimageplustext.php\" title=\"Click picture\">Image and Text PDF<\/a> PHP web application.<\/p>\n<p><!--p>You can also see this play out at WordPress 4.1.1's <a target=_blank  href='\/\/www.rjmprogramming.com.au\/ITblog\/pdf-image-and-text-nodes-and-lines-and-rectangles-tutorial\/'>PDF Image and Text Nodes and Lines and Rectangles Tutorial<\/a>.<\/p-->\n<hr>\n<p id='pdfitnmst'>Previous relevant <a target=_blank title='PDF Image and Text Nodes Mobile Scrolling Tutorial' href='\/\/www.rjmprogramming.com.au\/ITblog\/pdf-image-and-text-nodes-mobile-scrolling-tutorial\/'>PDF Image and Text Nodes Mobile Scrolling Tutorial<\/a> is shown below.<\/p>\n<div style=\"width: 230px\" class=\"wp-caption alignnone\"><a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/pdfimageplustext.php\"><img decoding=\"async\" style=\"border: 15px solid pink;\" alt=\"PDF Image and Text Nodes Mobile Scrolling Tutorial\" src=\"http:\/\/www.rjmprogramming.com.au\/scrolling_improvements.gif\" title=\"PDF Image and Text Nodes Mobile Scrolling Tutorial\"  style=\"float:left;\" \/><\/a><p class=\"wp-caption-text\">PDF Image and Text Nodes Mobile Scrolling Tutorial<\/p><\/div>\n<p>With yesterday&#8217;s <a title='PDF Image and Text Nodes Windows Tutorial' href='#pdfitnwt'>PDF Image and Text Nodes Windows Tutorial<\/a> it is time, today, to fix a &#8230;<\/p>\n<ul>\n<li>mobile device issue in usage &#8230;<\/li>\n<li>when browsing for files &#8230;<\/li>\n<li>and using the &#8220;Take Photo&#8221; option, perhaps &#8230;<\/li>\n<li>obtaining an image far bigger than the screen &#8230;<\/li>\n<li>the user scrolls to text node positions<\/li>\n<\/ul>\n<p> &#8230; we start accounting for that scrolling, as per the <font color=blue>Javascript changes<\/font> to document.body onclick event logic &#8230;<\/p>\n<p><code><br \/>\n  document.getElementById('mybody').onclick=function(e){<br \/>\n    var yes=false;<br \/>\n    if (areaclick) {<br \/>\n    areaclick=false;<br \/>\n    } else {<br \/>\n    e = e || window.event;<br \/>\n    e.preventDefault();<br \/>\n       if (!showingc) {<br \/>\n       startrecording=true;<br \/>\n       if (e.originalEvent) {<br \/>\n         if (e.originalEvent.touches) {<br \/>\n           yes=true;<br \/>\n         }<br \/>\n       }<br \/>\n       <font color=blue>var rectis=document.body.getBoundingClientRect();<\/font><br \/>\n       if (e.touches) {<br \/>\n       if (e.touches[0].pageX) {<br \/>\n       x = e.touches[0].pageX;<br \/>\n       y = e.touches[0].pageY;<br \/>\n       \/\/alert('0:' + document.body.offsetLeft + ',' + document.body.offsetTop);<br \/>\n       document.getElementById('blob').innerHTML+='&lt;div class=dblob onmouseover=\\\" blobover(this); \\\" onmouseout=\\\" blobout(this);\\\" onclick=\\\" blobdel(this.id); \\\" title=\\\"\\\" id=\\\"bpdftext' + coordn + '\\\" style=\\\"position:absolute;left:' + eval(0 + x) + 'px;top:' + eval(0 + y) + 'px;background-color:red;z-index:100;\\\"&gt;x&lt;\/div&gt;';<br \/>\n       document.getElementById('immap').innerHTML+=\\\"&lt;area id=area\\\" + areacnt + \\\" alt='\\\" + cidurls + \\\"' shape=rect onclick=ack(this.alt,\\\" + coordn + \\\",true); coords='\\\" + eval(-8 + x) + \\\",\\\" + eval(-8 + y) + \\\",\\\" + eval(8 + x) + \\\",\\\" + eval(8 + y) + \\\"' nohref \/&gt;\\\";<br \/>\n       areacnt++;<br \/>\n       setTimeout(askaway,500);<br \/>\n       } else {<br \/>\n       x = eval(<font color=blue>-rectis.left + <\/font>e.touches[0].clientX);<br \/>\n       y = eval(<font color=blue>-rectis.top + <\/font>e.touches[0].clientY);<br \/>\n       \/\/alert('1:' + document.body.offsetLeft + ',' + document.body.offsetTop);<br \/>\n       document.getElementById('blob').innerHTML+='&lt;div class=dblob onmouseover=\\\" blobover(this); \\\" onmouseout=\\\" blobout(this);\\\" onclick=\\\" blobdel(this.id); \\\" title=\\\"\\\" id=\\\"bpdftext' + coordn + '\\\" style=\\\"position:absolute;left:' + eval(0 + x) + 'px;top:' + eval(0 + y) + 'px;background-color:red;z-index:100;\\\"&gt;x&lt;\/div&gt;';<br \/>\n       document.getElementById('immap').innerHTML+=\\\"&lt;area id=area\\\" + areacnt + \\\" alt='\\\" + cidurls + \\\"' shape=rect onclick=ack(this.alt,\\\" + coordn + \\\",true); coords='\\\" + eval(-8 + x) + \\\",\\\" + eval(-8 + y) + \\\",\\\" + eval(8 + x) + \\\",\\\" + eval(8 + y) + \\\"' nohref \/&gt;\\\";<br \/>\n       areacnt++;<br \/>\n       setTimeout(askaway,500);<br \/>\n       }<br \/>\n       \/\/console.log('pos3=' + pos3 + ',pos4=' + pos4);<br \/>\n       } else if (yes) {<br \/>\n       if (e.originalEvent.touches[0].pageX) {<br \/>\n       x = e.originalEvent.touches[0].pageX;<br \/>\n       y = e.originalEvent.touches[0].pageY;<br \/>\n       \/\/alert('0:' + document.body.offsetLeft + ',' + document.body.offsetTop);<br \/>\n       document.getElementById('blob').innerHTML+='&lt;div class=dblob onmouseover=\\\" blobover(this); \\\" onmouseout=\\\" blobout(this);\\\" onclick=\\\" blobdel(this.id); \\\" title=\\\"\\\" id=\\\"bpdftext' + coordn + '\\\" style=\\\"position:absolute;left:' + eval(0 + x) + 'px;top:' + eval(0 + y) + 'px;background-color:red;z-index:100;\\\"&gt;x&lt;\/div&gt;';<br \/>\n       document.getElementById('immap').innerHTML+=\\\"&lt;area id=area\\\" + areacnt + \\\" alt='\\\" + cidurls + \\\"' shape=rect onclick=ack(this.alt,\\\" + coordn + \\\",true); coords='\\\" + eval(-8 + x) + \\\",\\\" + eval(-8 + y) + \\\",\\\" + eval(8 + x) + \\\",\\\" + eval(8 + y) + \\\"' nohref \/&gt;\\\";<br \/>\n       areacnt++;<br \/>\n       setTimeout(askaway,500);<br \/>\n       } else {<br \/>\n       x = eval(<font color=blue>-rectis.left + <\/font>e.originalEvent.touches[0].clientX);<br \/>\n       y = eval(<font color=blue>-rectis.top + <\/font>e.originalEvent.touches[0].clientY);<br \/>\n       \/\/alert('1:' + document.body.offsetLeft + ',' + document.body.offsetTop);<br \/>\n       document.getElementById('blob').innerHTML+='&lt;div class=dblob onmouseover=\\\" blobover(this); \\\" onmouseout=\\\" blobout(this);\\\" onclick=\\\" blobdel(this.id); \\\" title=\\\"\\\" id=\\\"bpdftext' + coordn + '\\\" style=\\\"position:absolute;left:' + eval(0 + x) + 'px;top:' + eval(0 + y) + 'px;background-color:red;z-index:100;\\\"&gt;x&lt;\/div&gt;';<br \/>\n       document.getElementById('immap').innerHTML+=\\\"&lt;area id=area\\\" + areacnt + \\\" alt='\\\" + cidurls + \\\"' shape=rect onclick=ack(this.alt,\\\" + coordn + \\\",true); coords='\\\" + eval(-8 + x) + \\\",\\\" + eval(-8 + y) + \\\",\\\" + eval(8 + x) + \\\",\\\" + eval(8 + y) + \\\"' nohref \/&gt;\\\";<br \/>\n       areacnt++;<br \/>\n       setTimeout(askaway,500);<br \/>\n       }<br \/>\n       \/\/console.log('pos3=' + pos3 + ',pos4=' + pos4);<br \/>\n       } else if (e.clientX || e.clientY) {<br \/>\n        x = eval(<font color=blue>-rectis.left + <\/font>e.clientX);<br \/>\n        y = eval(<font color=blue>-rectis.top + <\/font>e.clientY);<br \/>\n       \/\/alert('2:' + rectis.left + ',' + rectis.top);<br \/>\n       document.getElementById('blob').innerHTML+='&lt;div class=dblob onmouseover=\\\" blobover(this); \\\" onmouseout=\\\" blobout(this);\\\" onclick=\\\" blobdel(this.id); \\\" title=\\\"\\\" id=\\\"bpdftext' + coordn + '\\\" style=\\\"position:absolute;left:' + eval(0 + x) + 'px;top:' + eval(0 + y) + 'px;background-color:red;z-index:100;\\\"&gt;x&lt;\/div&gt;';<br \/>\n       document.getElementById('immap').innerHTML+=\\\"&lt;area id=area\\\" + areacnt + \\\" alt='\\\" + cidurls + \\\"' shape=rect onclick=ack(this.alt,\\\" + coordn + \\\",true); coords='\\\" + eval(-8 + x) + \\\",\\\" + eval(-8 + y) + \\\",\\\" + eval(8 + x) + \\\",\\\" + eval(8 + y) + \\\"' nohref \/&gt;\\\";<br \/>\n       areacnt++;<br \/>\n       setTimeout(askaway,500);<br \/>\n       } else {<br \/>\n        x = e.pageX;<br \/>\n        y = e.pageY;<br \/>\n       \/\/alert('3:' + document.body.offsetLeft + ',' + document.body.offsetTop);<br \/>\n       document.getElementById('blob').innerHTML+='&lt;div class=dblob onmouseover=\\\" blobover(this); \\\" onmouseout=\\\" blobout(this);\\\" onclick=\\\" blobdel(this.id); \\\" title=\\\"\\\" id=\\\"bpdftext' + coordn + '\\\" style=\\\"position:absolute;left:' + eval(0 + x) + 'px;top:' + eval(0 + y) + 'px;background-color:red;z-index:100;\\\"&gt;x&lt;\/div&gt;';<br \/>\n       document.getElementById('immap').innerHTML+=\\\"&lt;area id=area\\\" + areacnt + \\\" alt='\\\" + cidurls + \\\"' shape=rect onclick=ack(this.alt,\\\" + coordn + \\\",true); coords='\\\" + eval(-8 + x) + \\\",\\\" + eval(-8 + y) + \\\",\\\" + eval(8 + x) + \\\",\\\" + eval(8 + y) + \\\"' nohref \/&gt;\\\";<br \/>\n       areacnt++;<br \/>\n       setTimeout(askaway,500);<br \/>\n       }<br \/>\n       }<br \/>\n    }<br \/>\n  };<br \/>\n<\/code><\/p>\n<p> &#8230; in <a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/PHP\/Geographicals\/diff.php?one=http:\/\/www.rjmprogramming.com.au\/pdfimageplustext.php------------------------GETME\">its changed, sometimes supervisory<\/a> <a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/pdfimageplustext.php------------------------GETME\">pdfimageplustext.php<\/a> <a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/pdfimageplustext.php\" title=\"Click picture\">Image and Text PDF<\/a> PHP web application.<\/p>\n<p><!--p>You can also see this play out at WordPress 4.1.1's <a target=_blank  href='\/\/www.rjmprogramming.com.au\/ITblog\/pdf-image-and-text-nodes-mobile-scrolling-tutorial\/'>PDF Image and Text Nodes Mobile Scrolling Tutorial<\/a>.<\/p-->\n<hr>\n<p id='pdfitnwt'>Previous relevant <a target=_blank title='PDF Image and Text Nodes Windows Tutorial' href='\/\/www.rjmprogramming.com.au\/ITblog\/pdf-image-and-text-nodes-windows-tutorial\/'>PDF Image and Text Nodes Windows Tutorial<\/a> is shown below.<\/p>\n<div style=\"width: 230px\" class=\"wp-caption alignnone\"><a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/pdfimageplustext.php\"><img decoding=\"async\" style=\"border: 15px solid pink;\" alt=\"PDF Image and Text Nodes Windows Tutorial\" src=\"http:\/\/www.rjmprogramming.com.au\/pdfimageplustext_windows.jpg\" title=\"PDF Image and Text Nodes Windows Tutorial\"  style=\"float:left;\" \/><\/a><p class=\"wp-caption-text\">PDF Image and Text Nodes Windows Tutorial<\/p><\/div>\n<p>It&#8217;s instructive adding &#8220;platforms&#8221; to the list of &#8220;underlying operating system&#8221; functionalities, and though it can be a slow slog, the work you put in now, can help future endeavours.   And so, onto the recent <a title='Web Share API PDF Book Creation Notifications Tutorial' href='#wsapipdfbcnt'>Web Share API PDF Book Creation Notifications Tutorial<\/a> we learnt in adding &#8220;Windows&#8221; as an &#8220;underlying operating system&#8221; &#8230;<\/p>\n<ul>\n<li>you cannot chain PHP exec commands with semicolon &#8230;<\/li>\n<li>we needed to install <a target=_blank title='Ghostscript' href='https:\/\/www.ghostscript.com\/'>Ghostscript<\/a> for PDF conversion purposes &#8230;<\/li>\n<li>we needed to remind ourselves that, of course, as far as downloads go, you&#8217;ll need to download <a target=_blank title='Fpdf PHP class' href='HTTP:\/\/www.fpdf.org\/'>Fpdf<\/a> &#8230; ours being version version 1.7 and install it to <a target=_blank title='MAMP' href='http:\/\/www.mamp.info'>MAMP<\/a> Document Root folder &#8220;MarkItUp\/fpdf17&#8221; (or MarkItUp\\fpdf17 for Windows) &#8230;<\/li>\n<li>we needed to incorporate DIRECTORY_SEPARATOR operating system file references where we&#8217;d hardcoded &#8220;\/&#8221; previously &#8230;<\/li>\n<\/ul>\n<p> &#8230; and more reliably, converting to videos, you succeed more often on these local web server environments first converting to &#8230;<\/p>\n<ul>\n<li>ffmpeg inhouse *.ts format &#8230; and then onto &#8230;<\/li>\n<li>more publicly accessible *.webm format<\/li>\n<\/ul>\n<p> &#8230; and we coded some other &#8220;hardcodings become parameterized&#8221; matters via &#8230;<\/p>\n<p>&lt;?php<br \/>\n<code><br \/>\n$convertcommand=\"C:\\\\PROGRA~1\\\\IMAGEM~1.0-Q\\\\\";<br \/>\n$ffmpegcommand=\"C:\\\\PROGRA~1\\\\IMAGEM~1.0-Q\\\\\";<br \/>\n<br \/>\n$mvstr=\"mv \";<br \/>\n$cpstr=\"cp \";<br \/>\n$portstr=\":8888\";<br \/>\n<br \/>\nif (PHP_OS =='WINNT' || PHP_OS =='WIN32' || PHP_OS =='Windows') {<br \/>\n  $cpstr=\"copy \";<br \/>\n  $mvstr=\"rename \";<br \/>\n  $portstr=\"\";<br \/>\n  $convertcommand.=\"magick.exe \";<br \/>\n  if (file_exists($ffmpegcommand . \"ffmpeg.exe\")) {<br \/>\n  $ffmpegcommand.=\"ffmpeg.exe \";<br \/>\n  } else {<br \/>\n  $ffmpegcommand=\"\";<br \/>\n  }<br \/>\n} else {<br \/>\nif (file_exists(\"\/usr\/local\/bin\/ffmpeg\")) {<br \/>\n  $ffmpegcommand=\"\/usr\/local\/bin\/ffmpeg \";<br \/>\n} else if (file_exists(\"\/usr\/bin\/ffmpeg\")) {<br \/>\n  $ffmpegcommand=\"\/usr\/bin\/ffmpeg \";<br \/>\n} else {<br \/>\n  $ffmpegcommand=\"\";<br \/>\n}<br \/>\nif (file_exists(\"\/usr\/local\/cpanel\/3rdparty\/bin\/convert\")) {<br \/>\n  $convertcommand=\"\/usr\/local\/cpanel\/3rdparty\/bin\/convert \";<br \/>\n} else if (file_exists(\"\/usr\/local\/bin\/convert\")) {<br \/>\n  $convertcommand=\"\/usr\/local\/bin\/convert \";<br \/>\n} else if (file_exists(\"\/usr\/bin\/convert\")) {<br \/>\n  $convertcommand=\"\/usr\/bin\/convert \";<br \/>\n}<br \/>\n}<br \/>\n<\/code><br \/>\n?&gt;<\/p>\n<p> &#8230; based on personal experience installing MAMP and <a target=_blank title='ImageMagick' href='http:\/\/www.imagemagick.org'>ImageMagick<\/a> and <a target=_blank title='ffmpeg' href='https:\/\/www.ffmpeg.org\/'>ffmpeg<\/a> and Fpdf and GhostScript here on this Windows laptop, with <a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/PHP\/Geographicals\/diff.php?one=http:\/\/www.rjmprogramming.com.au\/pdfimageplustext.php-----------------------GETME\">its changed, sometimes supervisory<\/a> <a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/pdfimageplustext.php-----------------------GETME\">pdfimageplustext.php<\/a> <a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/pdfimageplustext.php\" title=\"Click picture\">Image and Text PDF<\/a> PHP web application (we&#8217;d now like you to download to MAMP Document Root folder).<\/p>\n<p><!--p>You can also see this play out at WordPress 4.1.1's <a target=_blank  href='\/\/www.rjmprogramming.com.au\/ITblog\/pdf-image-and-text-nodes-windows-tutorial\/'>PDF Image and Text Nodes Windows Tutorial<\/a>.<\/p-->\n<hr>\n<p id='wsapipdfbcnt'>Previous relevant <a target=_blank title='Web Share API PDF Book Creation Notifications Tutorial' href='\/\/www.rjmprogramming.com.au\/ITblog\/web-share-api-pdf-book-creation-notifications-tutorial\/'>Web Share API PDF Book Creation Notifications Tutorial<\/a> is shown below.<\/p>\n<div style=\"width: 230px\" class=\"wp-caption alignnone\"><a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/pdfimageplustext.php\"><img decoding=\"async\" style=\"border: 15px solid pink;\" alt=\"Web Share API PDF Book Creation Notifications Tutorial\" src=\"http:\/\/www.rjmprogramming.com.au\/localhost_video.jpg\" title=\"Web Share API PDF Book Creation Notifications Tutorial\"  style=\"float:left;\" \/><\/a><p class=\"wp-caption-text\">Web Share API PDF Book Creation Notifications Tutorial<\/p><\/div>\n<p>Today we&#8217;re shoring up the recent <a title='Web Share API Intranet Video Tutorial' href='#wsapiivt'>Web Share API Intranet Video Tutorial<\/a>&#8216;s &#8230;<\/p>\n<ul>\n<li><a target=_blank title='Web Share API' href='https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/API\/Navigator\/share'>Web Share API<\/a> helping out of &#8230;<\/li>\n<li>PDF Image and Text Nodes Creator of <a target=_blank href='https:\/\/www.rjmprogramming.com.au\/ITblog\/image-and-text-pdf-large-animated-gif-text-nodes-tutorial\/' title='Image and Text PDF Large Animated GIF Text Nodes Tutorial'>Image and Text PDF Large Animated GIF Text Nodes Tutorial<\/a> &#8230; adding in &#8230;<\/li>\n<li><a target=_blank title='Notifications API' href='https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/API\/Notifications_API\/Using_the_Notifications_API'>Notifications API<\/a> interfacing to tell when any PDF Books are ready for viewing<\/li>\n<\/ul>\n<p> &#8230; as well as loosening our reliance on <a target=_blank title='ImageMagick command line' href='http:\/\/www.imagemagick.org\/script\/command-line-tools.php'>ImageMagick<\/a> &#8220;convert&#8221; command when converting a set of Jpegs to a PDF Book (and animated GIF), where we are finding it unable to allocate enough memory, on occasions.  Instead we pivot back to <a target=_blank title='Fpdf PHP class' href='HTTP:\/\/www.fpdf.org\/'>Fpdf<\/a> to backup ImageMagick, should it run into trouble with the PDF Book conversion.<\/p>\n<p>And regarding the animated GIF conversion, regarding this ImageMagick subject, it would be great for &#8220;Intranet&#8221; functionality purposes, to install it on your local device.<\/p>\n<p>Given this, and all the other installing and downloading advice, on your &#8220;Intranet&#8221; environment, you can now end up with a window showing links to content, or content itself, for &#8230;<\/p>\n<p><code><br \/>\nPDF (Book) -&gt; Animated GIF -&gt; Video<br \/>\n<\/code><\/p>\n<p> &#8230; as you can see with <a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/localhost_video.jpg\" title=\"Tutorial picture\">today&#8217;s tutorial picture<\/a> for <a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/PHP\/Geographicals\/diff.php?one=http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/web_share_api_test.html---------GETME \">the changed HTML and Javascript<\/a> <a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/web_share_api_test.html---------GETME\">web_share_api_test.html<\/a> <a target=_blank href=\"https:\/\/www.rjmprogramming.com.au\/HTMLCSS\/web_share_api_test.html\">Web Share API supervisor<\/a> web application (we&#8217;d now like you to download to MAMP Document Root and HTMLCSS subfolder, as well as  <a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/client_browsing.html----------------------GETME\">client_browsing.htm<\/a> <a target=_blank href=\"https:\/\/www.rjmprogramming.com.au\/HTMLCSS\/client_browsing.htm\">Client Browsing supervisor<\/a>) to start making this a possibility, with <a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/PHP\/Geographicals\/diff.php?one=http:\/\/www.rjmprogramming.com.au\/pdfimageplustext.php----------------------GETME\">its changed, sometimes supervisory<\/a> <a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/pdfimageplustext.php----------------------GETME\">pdfimageplustext.php<\/a> <a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/pdfimageplustext.php\" title=\"Click picture\">Image and Text PDF<\/a> PHP web application (we&#8217;d now like you to download to MAMP Document Root folder).<\/p>\n<p>Also changed (and good to download into <a target=_blank title='MAMP' href='http:\/\/www.mamp.info'>MAMP<\/a> local Apache\/PHP\/MySql web server Document Root &#8220;PHP\/animegif&#8221; folder), today, is <a target=_blank title='tutorial_to_animated_gif.php' href='\/\/www.rjmprogramming.com.au\/PHP\/Geographicals\/diff.php?one=http:\/\/www.rjmprogramming.com.au\/PHP\/animegif\/tutorial_to_animated_gif.php-----------------------------------------------------------GETME'>the changed<\/a> <a target=_blank title='tutorial_to_animated_gif.php' href='\/\/www.rjmprogramming.com.au\/PHP\/animegif\/tutorial_to_animated_gif.php-----------------------------------------------------------GETME'>tutorial_to_animated_gif.php<\/a> <a target=_blank title='tutorial_to_animated_gif.php' href='\/\/www.rjmprogramming.com.au\/PHP\/animegif\/tutorial_to_animated_gif.php'>our inhouse Animated GIF Creator helper PHP web application<\/a>.<\/p>\n<p>If you have created any PDF Books, we have relied on user common sense as to when they try to view that (now Fpdf compiled) PDF made up of a set of individual PDF slide Jpegs (themselves compiled via ImageMagick).  To improve that we link to Notifications API <font color=blue>interfacing<\/font> &#8230;<\/p>\n<p>&lt;?php<br \/>\n<code><br \/>\n $notifif='';<br \/>\n<br \/>\nfunction wildout($wild, $out) {<br \/>\n    global $outputpdf, $notifif, $sizeofdatauris;<br \/>\n    $fgo=0;<br \/>\n<br \/>\n    $inorder=true;<br \/>\n    foreach (glob($wild) as $filename) {<br \/>\n          pdfaddpage($filename);<br \/>\n          if (sizeof(explode('-', $filename)) == 2) {<br \/>\n            if (explode('.',('' . explode('-', $filename)[1]))[0] != ('' . $fgo)) {  file_put_contents('bad8.bad8', $fgo . ' ... ' . $filename); $inorder=false;  }<br \/>\n          } else {<br \/>\n            file_put_contents('bad7.bad7', $filename);<br \/>\n          }<br \/>\n          $fgo++;<br \/>\n    }<br \/>\n<br \/>\n    if (($inorder || ('' . $fgo) &gt;= ('' . $sizeofdatauris)) && $fgo != 0) {<br \/>\n    file_put_contents('bad9.bad9', 'here ' . $fgo);<br \/>\n    if (('' . $fgo) &gt; ('' . $sizeofdatauris)) {<br \/>\n    <font color=blue>$notifif=' onload=\" if (1 == 1) {  window.open(' . \"'\" . 'https:\/\/www.rjmprogramming.com.au\/HTMLCSS\/notifications_ideas.php?scheduledblurb=' . urlencode('PDF Book nearing readiness for sharing now ' . ' ... ' . $fgo . ' of ' . $sizeofdatauris . ' complete') . \"'\" . ',' . \"'notifif','top=50,left=50,width=50,height=50'\" . '); } else { window.opener.document.getElementById(' . \"'notifif'\" . ').src=' . \"'\" . 'https:\/\/www.rjmprogramming.com.au\/HTMLCSS\/notifications_ideas.php?scheduledblurb=' . urlencode('PDF Book ready for sharing now ...') . \"'\" . '; } \"';<\/font><br \/>\n    } else {<br \/>\n    <font color=blue>$notifif=' onload=\" if (1 == 1) {  window.open(' . \"'\" . 'https:\/\/www.rjmprogramming.com.au\/HTMLCSS\/notifications_ideas.php?scheduledblurb=' . urlencode('PDF Book ready for sharing now ...') . \"'\" . ',' . \"'notifif','top=50,left=50,width=50,height=50'\" . '); } else { window.opener.document.getElementById(' . \"'notifif'\" . ').src=' . \"'\" . 'https:\/\/www.rjmprogramming.com.au\/HTMLCSS\/notifications_ideas.php?scheduledblurb=' . urlencode('PDF Book ready for sharing now ...') . \"'\" . '; } \"';<\/font><br \/>\n    }<br \/>\n    }<br \/>\n<br \/> <br \/>\n    if ($out != \"\") {<br \/>\n          if (file_exists($out)) { unlink($out); }<br \/>\n          $outputpdf->Output($out, \"F\");<br \/>\n          if (file_exists('bad2.bad2') && strpos($_SERVER['SERVER_NAME'], 'rjmprogramming.com.au') !== false) {<br \/>\n            if (('' . ourfilesize('bad2.bad2')) != '1' && ('' . ourfilesize('bad2.bad2')) != '2') {<br \/>\n              file_put_contents('bad3.bad3', $wild . ' ... ' . $out . ' .;. ' . file_get_contents('bad2.bad2'));<br \/>\n              file_put_contents('bad2.bad2', ' ');<br \/>\n            }<br \/>\n          }<br \/>\n    }<br \/>\n}<br \/>\n<\/code><br \/>\n?&gt; <\/p>\n<p><!--p>You can also see this play out at WordPress 4.1.1's <a target=_blank  href='\/\/www.rjmprogramming.com.au\/ITblog\/web-share-api-pdf-book-creation-notifications-tutorial\/'>Web Share API PDF Book Creation Notifications Tutorial<\/a>.<\/p-->\n<hr>\n<p id='wsapiivt'>Previous relevant <a target=_blank title='Web Share API Intranet Video Tutorial' href='\/\/www.rjmprogramming.com.au\/ITblog\/web-share-api-intranet-video-tutorial\/'>Web Share API Intranet Video Tutorial<\/a> is shown below.<\/p>\n<div style=\"width: 230px\" class=\"wp-caption alignnone\"><a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/web_share_api_test.html\"><img decoding=\"async\" style=\"border: 15px solid pink;\" alt=\"Web Share API Intranet Video Tutorial\" src=\"http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/pdfimageplustext_agvid.jpg\" title=\"Web Share API Intranet Video Tutorial\"  style=\"float:left;\" \/><\/a><p class=\"wp-caption-text\">Web Share API Intranet Video Tutorial<\/p><\/div>\n<p>Adding to yesterday&#8217;s <a title='Web Share API Animated GIF Tutorial' href='#wsapiagift'>Web Share API Animated GIF Tutorial<\/a> &#8230;<\/p>\n<ul>\n<li>animated GIF (PDF sharing) &#8230; today we add &#8230;<\/li>\n<li>video (via animated GIF via PDF)<\/li>\n<\/ul>\n<p> &#8230; but we need you to think &#8220;Intranet&#8221; for our first idea here.   Here at our macOS setup we use a <a target=_blank title='MAMP' href='http:\/\/www.mamp.info'>MAMP<\/a> local Apache\/PHP\/MySql web server as our &#8220;Intranet&#8221; portal.<\/p>\n<p>We&#8217;ve also installed the great <a target=_blank title='ffmpeg' href='https:\/\/www.ffmpeg.org\/'>ffmpeg<\/a> on this macOS system, and thanks to some great advice from <a target=_blank title=' ffmpeg lossless conversion of animated GIF to video' href='http:\/\/forum.doom9.org\/archive\/index.php\/t-168999.html'>this link<\/a> about ffmpeg lossless conversion of animated GIF to video &#8230;<\/p>\n<p><code><br \/>\nffmpeg -i video.gif -c:v libx264 -preset veryslow -qp 0 output.mp4<br \/>\n<\/code><\/p>\n<p> &#8230; we have <a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/PHP\/Geographicals\/diff.php?one=http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/web_share_api_test.html--------GETME \">a tweaked HTML and Javascript<\/a> <a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/web_share_api_test.html--------GETME\">web_share_api_test.html<\/a> <a target=_blank href=\"https:\/\/www.rjmprogramming.com.au\/HTMLCSS\/web_share_api_test.html\">Web Share API supervisor<\/a> web application (we&#8217;d now like you to download to MAMP Document Root HTMLCSS folder, as well as  <a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/client_browsing.html----------------------GETME\">client_browsing.htm<\/a> <a target=_blank href=\"https:\/\/www.rjmprogramming.com.au\/HTMLCSS\/client_browsing.htm\">Client Browsing supervisor<\/a>) to start making this a possibility, with <a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/PHP\/Geographicals\/diff.php?one=http:\/\/www.rjmprogramming.com.au\/pdfimageplustext.php---------------------GETME\">its changed, sometimes supervisory<\/a> <a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/pdfimageplustext.php---------------------GETME\">pdfimageplustext.php<\/a> <a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/pdfimageplustext.php\" title=\"Click picture\">Image and Text PDF<\/a> PHP web application (we&#8217;d now like you to download to MAMP Document Root folder).<\/p>\n<p>Local web servers will not only have this extra accessible functionality, but their response times should be faster too.  The public RJM Programming version will understand a MAMP HTTP:\/\/localhost:888\/ clone and also look for ffmpeg to facilitate our &#8220;Intranet&#8221; feeling video creation solution.<\/p>\n<p><!--p>You can also see this play out at WordPress 4.1.1's <a target=_blank  href='\/\/www.rjmprogramming.com.au\/ITblog\/web-share-api-intranet-video-tutorial\/'>Web Share API Intranet Video Tutorial<\/a>.<\/p-->\n<hr>\n<p id='wsapiagift'>Previous relevant <a target=_blank title='Web Share API Animated GIF Tutorial' href='\/\/www.rjmprogramming.com.au\/ITblog\/web-share-api-animated-gif-tutorial\/'>Web Share API Animated GIF Tutorial<\/a> is shown below.<\/p>\n<div style=\"width: 230px\" class=\"wp-caption alignnone\"><a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/web_share_api_test.html\"><img decoding=\"async\" style=\"border: 15px solid pink;\" alt=\"Web Share API Animated GIF Tutorial\" src=\"http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/web_share_ag_share.jpg\" title=\"Web Share API Animated GIF Tutorial\"  style=\"float:left;\" \/><\/a><p class=\"wp-caption-text\">Web Share API Animated GIF Tutorial<\/p><\/div>\n<p>On top of yesterday&#8217;s <a title='Web Share API Download Tutorial' href='#wsapidt'>Web Share API Download Tutorial<\/a> work, there are some more advances we&#8217;ll like to integrate into our inhouse <a target=_blank title='Web Share API' href='https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/API\/Navigator\/share'>Web Share API<\/a> interfacer.<\/p>\n<p>The first of these is to offer an animated GIF file conversion when a PDF <font size=1>(so far just those Books)<\/font> is the media being shared.  When thinking of approaches to encapture image presentation material in a single file when we think of PDF we also often think of animated GIF, as it has the additional advantage of being able to be, in a webpage &#8230;<\/p>\n<ul>\n<li>an HTML img element &#8230; or &#8230;<\/li>\n<li>an HTML element&#8217;s background image<\/li>\n<\/ul>\n<p> &#8230; both offering that image rotation and looping advantages that animated GIF have over PDF, as again the data fidelity and viewing incarnation advantages PDF has over animated GIF.  We <font color=blue>just needed<\/font> &#8230;<\/p>\n<p><code><br \/>\n  <font color=blue>function doit(tv) {<br \/>\n  document.getElementById('aag').href=document.getElementById('aag').href.split('&')[0] + '&delay=' + tv;<br \/>\n  }<br \/>\n<br \/> <br \/>\n  function basebit(inuis) {<br \/>\n    if (inuis.indexOf('\/\/') != -1) {<br \/>\n      if (inuis.split('\/\/')[1].indexOf('\/') != -1) {<br \/>\n        return inuis.replace(inuis.split('\/\/')[0] + '\/\/' + inuis.split('\/\/')[1].split('\/')[0] + '\/','');<br \/>\n      }<br \/>\n    }<br \/>\n    return inuis;<br \/>\n  }<\/font><br \/>\n<br \/>\n  function trythis(inpdfidea) {<br \/>\n    if (inpdfidea.toLowerCase().indexOf('-0.pdf') != -1) {<br \/>\n      woq=window.open(inpdfidea.split('#')[0], '_blank', 'top=50,left=50,width=800,height=800');<br \/>\n      document.getElementById('adown').innerHTML+='&amp;nbsp;&lt;a style=\"text-decoration:none;cursor:pointer;background-color:yellow;border:2px solid red;margin: 13px 13px 13px 13px;\" target=_blank title=\"Download ' + ('\/' + inpdfidea.split('#')[0]).split('\/')[eval(-1 + ('\/' + inpdfidea.split('#')[0]).split('\/').length)] + ' PDF Book\" href=\"' + inpdfidea.split('#')[0] + '\" download&gt;' + '&amp;nbsp;Download &lt;font size=1&gt;' + ('\/' + inpdfidea.split('#')[0]).split('\/')[eval(-1 + ('\/' + inpdfidea.split('#')[0]).split('\/').length)] + '&lt;\/font&gt; PDF Book&amp;nbsp;&lt;\/a&gt;<font color=blue>&amp;nbsp;&lt;a style=\"text-decoration:none;cursor:pointer;background-color:pink;border:2px solid blue;margin: 13px 13px 13px 13px;\" target=_blank title=\"Create ' + ('\/' + inpdfidea.split('#')[0]).split('\/')[eval(-1 + ('\/' + inpdfidea.split('#')[0]).split('\/').length)].replace('-0.pdf','-ag.gif') + ' Animated GIF\" href=\"\/pdfimageplustext.php?first=' + encodeURIComponent(basebit(inpdfidea).split('#')[0].replace('-0.pdf','-0.jpg')) + '&delay=500' + '\" id=aag&gt;' + '&amp;nbsp;Create &lt;font size=1&gt;' + ('\/' + inpdfidea.split('#')[0]).split('\/')[eval(-1 + ('\/' + inpdfidea.split('#')[0]).split('\/').length)].replace('-0.pdf','-ag.gif') + '&lt;\/font&gt; Animated GIF Delay &amp;nbsp;&lt;\/a&gt;&amp;nbsp;&lt;input onchange=doit(this.value); type=number style=display:inline-block;background-color:pink; value=500 min=1 step=1 id=iag&gt;&lt;\/input&gt;<\/font>';<br \/>\n    }<br \/>\n    return inpdfidea;<br \/>\n  }<br \/>\n<\/code> <\/p>\n<p> &#8230; in <a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/PHP\/Geographicals\/diff.php?one=http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/web_share_api_test.html-------GETME \">the changed HTML and Javascript<\/a> <a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/web_share_api_test.html-------GETME\">web_share_api_test.html<\/a> <a target=_blank href=\"https:\/\/www.rjmprogramming.com.au\/HTMLCSS\/web_share_api_test.html\">Web Share API supervisor<\/a> web application to start making this a possibility, with <a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/PHP\/Geographicals\/diff.php?one=http:\/\/www.rjmprogramming.com.au\/pdfimageplustext.php--------------------GETME\">its changed, sometimes supervisory<\/a> <a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/pdfimageplustext.php--------------------GETME\">pdfimageplustext.php<\/a> <a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/pdfimageplustext.php\" title=\"Click picture\">Image and Text PDF<\/a> PHP web application.<\/p>\n<p><!--p>You can also see this play out at WordPress 4.1.1's <a target=_blank  href='\/\/www.rjmprogramming.com.au\/ITblog\/web-share-api-animated-gif-tutorial\/'>Web Share API Animated GIF Tutorial<\/a> ...<\/p>\n\n\n\n\n\n<hr>\n\n\n\n\n\n<p id='wsapidt'>Previous relevant <a target=_blank title='Web Share API Download Tutorial' href='\/\/www.rjmprogramming.com.au\/ITblog\/web-share-api-download-tutorial\/'>Web Share API Download Tutorial<\/a> is shown below.<\/p>\n\n\n\n\n[caption id=\"\" align=\"alignnone\" width=\"220\" caption=\"Web Share API Download Tutorial\"]<a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/web_share_api_test.html\"><img decoding=\"async\" style=\"border: 15px solid pink;\" alt=\"Web Share API Download Tutorial\" src=\"http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/web_share_api_test_download.jpg\" title=\"Web Share API Download Tutorial\"  style=\"float:left;\" \/><\/a>[\/caption]\n\n\n\n<p>When we first wrote about the <a target=_blank title='Web Share API' href='https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/API\/Navigator\/share'>Web Share API<\/a> with the recent <a title='Web Share API Primer Tutorial' href='#wsapipt'>Web Share API Primer Tutorial<\/a> you may have been like me, pretty excited about the prospect?!  Well, it's the lack of support, at least right now, that has let us down a little.  We thought it might help get around the bugbear of the use of PHP mail function and inline HTML emails, less a possibility these days with security concerns.<\/p>\n\n\n\n\n\n<p>And though the API is not well supported we thought we'd like to \"tread water usefully\" waiting for \"those days of acceptance\" and augment our interfacing web application to it, offering some new ...<\/p>\n\n\n\n\n\n<ul>\n\n\n<li>download functionality ... starting with ...<\/li>\n\n\n\n\n<li>offer \"a\" <a target=_blank href='https:\/\/www.w3schools.com\/tags\/att_a_download.asp' title='a link download attribute information from W3schools'>\"download attribute\"<\/a> button looking elements off the URL <a target=_blank title='Web Share API' href='https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/API\/Navigator\/share'>Web Share API<\/a> sharing functionality<\/li>\n\n\n<\/ul>\n\n\n\n\n\n<p>What got us interested?  Yesterday's <a target=_blank href='https:\/\/www.rjmprogramming.com.au\/ITblog\/image-and-text-pdf-large-animated-gif-text-nodes-tutorial\/' title='Image and Text PDF Large Animated GIF Text Nodes Tutorial'>Image and Text PDF Large Animated GIF Text Nodes Tutorial<\/a>'s web application's interfacing to our \"middle person\" interfacing to <a target=_blank title='Web Share API' href='https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/API\/Navigator\/share'>Web Share API<\/a> functionality could benefit greatly from this.<\/p>\n\n\n\n\n\n<p>And that is because ... <a target=_blank title='?' href='https:\/\/www.youtube.com\/watch?v=uhiCFdWeQfA'>anyone, anyone<\/a>?  Yes, <a target=_blank title='?' href='https:\/\/en.wikipedia.org\/wiki\/Rip_Van_Winkle'>Rip<\/a>, glad you could go the distance with us on this one ... <\/p>\n\n\n\n\n\n<blockquote>\n ... any link on a shared email or SMS sent only lasts less than a day, but <a target=_blank title='?' href='https:\/\/www.youtube.com\/watch?v=d3KdY_rm1SE'>\"<strike>diamonds<\/strike>downloads are forevvver\"<\/a>\n<\/blockquote>\n\n\n\n\n\n<p>And don't forget that, also ...<\/p>\n\n\n\n\n\n<blockquote>\n ... \"a\" \"download attribute\" links are pretty much <i>cross<\/i> platform and <i>cross<\/i> browser\n<\/blockquote>\n\n\n\n\n\n<p>So, yes, <a target=_blank href='http:\/\/www.rjmprogramming.com.au\/Mac\/rolling.gif'>Luna<\/a>, \"spaniel <i>cross<\/i>\" <b>is<\/b> better than <a target=_blank title='?' href='https:\/\/www.google.com\/search?q=spaniel+cranky&rlz=1C5CHFA_enAU973AU973&sxsrf=ALiCzsZEeqkZ6GN5hooH8L3k615kToYbFA%3A1663386850586&ei=4kQlY6axI9vy4-EP-_qUiAU&ved=0ahUKEwimquny9pr6AhVb-TgGHXs9BVEQ4dUDCA4&uact=5&oq=spaniel+cranky&gs_lcp=Cgdnd3Mtd2l6EAMyBQgAEKIEMgUIABCiBDIFCAAQogQyBQgAEKIEOgYIABAeEAc6CggAEB4QDxAHEAo6CAgAEB4QDxAHOggIABAeEAgQB0oECEEYAEoECEYYAFAAWOgMYN8PaABwAXgAgAGxAYgB6giSAQMwLjeYAQCgAQHAAQE&sclient=gws-wiz'>\"spaniel cranky\"<\/a>!<\/p>\n\n\n\n\n\n<p>See for yourself, with <a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/PHP\/Geographicals\/diff.php?one=http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/web_share_api_test.html------GETME \">the changed HTML and Javascript<\/a> <a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/web_share_api_test.html------GETME\">web_share_api_test.html<\/a> <a target=_blank href=\"https:\/\/www.rjmprogramming.com.au\/HTMLCSS\/web_share_api_test.html\">Web Share API supervisor<\/a> web application helped out be <a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/PHP\/Geographicals\/diff.php?one=http:\/\/www.rjmprogramming.com.au\/pdfimageplustext.php--------------------GETME\">its changed, sometime supervisory<\/a> <a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/pdfimageplustext.php--------------------GETME\">pdfimageplustext.php<\/a> <a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/pdfimageplustext.php\" title=\"Click picture\">Image and Text PDF<\/a> PHP web application.<\/p>\n\n\n\n<!--p>You can also see this play out at WordPress 4.1.1's <a target=_blank  href='\/\/www.rjmprogramming.com.au\/ITblog\/new-web-share-api-primer-tutorial\/'>New Web Share API Primer Tutorial<\/a>.<\/p-->\n<hr>\n<p id='wsapipt'>Previous relevant <a target=_blank title='Web Share API Primer Tutorial' href='\/\/www.rjmprogramming.com.au\/ITblog\/web-share-api-primer-tutorial\/'>Web Share API Primer Tutorial<\/a> is shown below.<\/p>\n<div style=\"width: 230px\" class=\"wp-caption alignnone\"><a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/web_share_api_test.html\"><img decoding=\"async\" style=\"border: 15px solid pink;\" alt=\"Web Share API Primer Tutorial\" src=\"http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/web_share_api_test.gif\" title=\"Web Share API Primer Tutorial\"  style=\"float:left;\" \/><\/a><p class=\"wp-caption-text\">Web Share API Primer Tutorial<\/p><\/div>\n<p>The web is improved by operating system <a target=_blank title='Context menu information from Wikipedia' href='https:\/\/en.wikipedia.org\/wiki\/Context_menu#:~:text=A%20context%20menu%20(also%20called,a%20right%2Dclick%20mouse%20operation.'>Context Menus<\/a> via <i>right clicks or two finger gestures<\/i> over &#8230;<\/p>\n<ul>\n<li>links<\/li>\n<li>media<\/li>\n<li>document<\/li>\n<\/ul>\n<p> &#8230; webpage contents.  Today, we roadtest a web API called <a target=_blank title='Web Share API' href='https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/API\/Navigator\/share'>&#8220;Web Share API&#8221;<\/a> that simulates <i>right clicks or two finger gestures<\/i> with your normal everyday button press on a webpage.<\/p>\n<p>Of most use, is the &#8220;Web Share API&#8221; which can take multiple selected files (via a &#8220;browse&#8221; type button) &#8230;<\/p>\n<p><code><br \/>\n\/\/ Thanks to https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/API\/Navigator\/share<br \/>\n<br \/>\ndocument.getElementById('share').addEventListener('click', async () =&gt; {<br \/>\n  const files = input.files<br \/>\n<br \/>\n  if (files.length === 0) {<br \/>\n    shareurl();<br \/>\n    output.textContent = 'No files selected.'<br \/>\n    return<br \/>\n  }<br \/>\n<br \/>\n  \/\/ feature detecting navigator.canShare() also implies<br \/>\n  \/\/ the same for the navigator.share()<br \/>\n  if (!navigator.canShare) {<br \/>\n    output.textContent = `Your browser doesn't support the Web Share API.`<br \/>\n    return<br \/>\n  }<br \/>\n<br \/>\n  if (navigator.canShare({ files })) {<br \/>\n    try {<br \/>\n      await navigator.share({<br \/>\n        files,<br \/>\n        title: 'Media or documents',<br \/>\n        text: 'Take a look at media or documents below' + String.fromCharCode(10) + String.fromCharCode(10)<br \/>\n      })<br \/>\n      output.textContent = 'Shared!'<br \/>\n    } catch (error) {<br \/>\n      output.textContent = `Error: ${error.message}`<br \/>\n    }<br \/>\n  } else {<br \/>\n    output.textContent = `Your system doesn't support sharing these files.`<br \/>\n  }<br \/>\n});<br \/>\n<\/code><\/p>\n<p> &#8230; and attach them to an email or SMS or some other &#8220;Sharing Application&#8221; on that operating system &#8220;Context Menu&#8221; in readiness for the user to fill in other requirements and then send off to the recipient, as required.<\/p>\n<p>This API was a little strange to us in that on this macOS setup Safari web browser worked, rather than Google Chrome, which is a turn around from our usual expectations with these experimental Javascript APIs.  Feel free to try our <a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/web_share_api_test.html\">&#8220;proof of concept&#8221;<\/a> <a target=_blank title='Web Share API' href='https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/API\/Navigator\/share'>&#8220;Web Share API&#8221;<\/a> based, thanks, HTML and Javascript <a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/web_share_api_test.html\">web application<\/a> you can also try below &#8230;<\/p>\n<p><iframe style=\"width:100%;height:600px;\" src=\"http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/web_share_api_test.html\"><\/iframe><\/p>\n<p>If this was interesting you may be interested in <a title='Click here to see topics in which you might be interested' href='#d56396' onclick='var dv=document.getElementById(\"d56396\"); dv.innerHTML = \"&lt;iframe width=670 height=600 src=\" + \"https:\/\/www.rjmprogramming.com.au\/ITblog\/tag\/api\" + \"&gt;&lt;\/iframe&gt;\"; dv.style.display = \"block\";'>this<\/a> too.<\/p>\n<div id='d56396' style='display: none; border-left: 2px solid green; border-top: 2px solid green;'><\/div>\n<hr>\n<p>If this was interesting you may be interested in <a title='Click here to see topics in which you might be interested' href='#d56858' onclick='var dv=document.getElementById(\"d56858\"); dv.innerHTML = \"&lt;iframe width=670 height=600 src=\" + \"https:\/\/www.rjmprogramming.com.au\/ITblog\/tag\/download\" + \"&gt;&lt;\/iframe&gt;\"; dv.style.display = \"block\";'>this<\/a> too.<\/p>\n<div id='d56858' style='display: none; border-left: 2px solid green; border-top: 2px solid green;'><\/div>\n<hr>\n<p>If this was interesting you may be interested in <a title='Click here to see topics in which you might be interested' href='#d56867' onclick='var dv=document.getElementById(\"d56867\"); dv.innerHTML = \"&lt;iframe width=670 height=600 src=\" + \"https:\/\/www.rjmprogramming.com.au\/ITblog\/tag\/animated-gif\" + \"&gt;&lt;\/iframe&gt;\"; dv.style.display = \"block\";'>this<\/a> too.<\/p>\n<div id='d56867' style='display: none; border-left: 2px solid green; border-top: 2px solid green;'><\/div>\n<hr>\n<p>If this was interesting you may be interested in <a title='Click here to see topics in which you might be interested' href='#d56872' onclick='var dv=document.getElementById(\"d56872\"); dv.innerHTML = \"&lt;iframe width=670 height=600 src=\" + \"https:\/\/www.rjmprogramming.com.au\/ITblog\/tag\/video\" + \"&gt;&lt;\/iframe&gt;\"; dv.style.display = \"block\";'>this<\/a> too.<\/p>\n<div id='d56872' style='display: none; border-left: 2px solid green; border-top: 2px solid green;'><\/div>\n<hr>\n<p>If this was interesting you may be interested in <a title='Click here to see topics in which you might be interested' href='#d56889' onclick='var dv=document.getElementById(\"d56889\"); dv.innerHTML = \"&lt;iframe width=670 height=600 src=\" + \"https:\/\/www.rjmprogramming.com.au\/ITblog\/tag\/notifications\" + \"&gt;&lt;\/iframe&gt;\"; dv.style.display = \"block\";'>this<\/a> too.<\/p>\n<div id='d56889' style='display: none; border-left: 2px solid green; border-top: 2px solid green;'><\/div>\n<hr>\n<p>If this was interesting you may be interested in <a title='Click here to see topics in which you might be interested' href='#d56896' onclick='var dv=document.getElementById(\"d56896\"); dv.innerHTML = \"&lt;iframe width=670 height=600 src=\" + \"https:\/\/www.rjmprogramming.com.au\/ITblog\/tag\/windows\" + \"&gt;&lt;\/iframe&gt;\"; dv.style.display = \"block\";'>this<\/a> too.<\/p>\n<div id='d56896' style='display: none; border-left: 2px solid green; border-top: 2px solid green;'><\/div>\n<hr>\n<p>If this was interesting you may be interested in <a title='Click here to see topics in which you might be interested' href='#d56902' onclick='var dv=document.getElementById(\"d56902\"); dv.innerHTML = \"&lt;iframe width=670 height=600 src=\" + \"https:\/\/www.rjmprogramming.com.au\/ITblog\/tag\/scrolling\" + \"&gt;&lt;\/iframe&gt;\"; dv.style.display = \"block\";'>this<\/a> too.<\/p>\n<div id='d56902' style='display: none; border-left: 2px solid green; border-top: 2px solid green;'><\/div>\n<hr>\n<p>If this was interesting you may be interested in <a title='Click here to see topics in which you might be interested' href='#d56905' onclick='var dv=document.getElementById(\"d56905\"); dv.innerHTML = \"&lt;iframe width=670 height=600 src=\" + \"https:\/\/www.rjmprogramming.com.au\/ITblog\/tag\/line\" + \"&gt;&lt;\/iframe&gt;\"; dv.style.display = \"block\";'>this<\/a> too.<\/p>\n<div id='d56905' style='display: none; border-left: 2px solid green; border-top: 2px solid green;'><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Onto yesterday&#8217;s PDF Image and Text Nodes Mobile Scrolling Tutorial&#8216;s progress we turn our attention back to some Fpdf talents &#8230; draw lines into a PDF document &#8230; and &#8230; draw and\/or infill rectangles into a PDF document &#8230; as &hellip; <a href=\"https:\/\/www.rjmprogramming.com.au\/ITblog\/pdf-image-and-text-nodes-and-lines-and-rectangles-tutorial\/\">Continue reading <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[4,12,14,29,37],"tags":[83,1832,85,88,174,275,278,2147,336,360,380,415,418,2619,576,1658,624,626,630,631,652,2598,1807,714,720,744,760,795,4020,2791,4030,913,1738,997,2132,1917,1107,4078,1133,1159,1319,1369,4031,1435],"class_list":["post-56905","post","type-post","status-publish","format-standard","hentry","category-animation","category-elearning","category-event-driven-programming","category-operating-system","category-tutorials","tag-animated-gif","tag-annotation","tag-apache","tag-api","tag-button","tag-cross-browser","tag-cross-platform","tag-delimiter","tag-directory","tag-download","tag-email","tag-ffmpeg","tag-file","tag-ghostscript","tag-html","tag-imagemagick","tag-intranet","tag-ios","tag-ipad","tag-iphone","tag-javascript","tag-line","tag-link","tag-local-web-server","tag-lossless","tag-mamp","tag-media","tag-mobile","tag-notification-api","tag-notifications","tag-notifications-api","tag-pdf","tag-photo","tag-programming","tag-rectangle","tag-scroll","tag-scrolling","tag-separator","tag-share","tag-sms","tag-tutorial","tag-video","tag-web-share-api","tag-windows"],"_links":{"self":[{"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/posts\/56905"}],"collection":[{"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/comments?post=56905"}],"version-history":[{"count":5,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/posts\/56905\/revisions"}],"predecessor-version":[{"id":56910,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/posts\/56905\/revisions\/56910"}],"wp:attachment":[{"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/media?parent=56905"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/categories?post=56905"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/tags?post=56905"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}