Contents
- 最近
PostgreSQL や R について書いてないけど - 実行環境とファイル一式
- 使い方と動作
最近 PostgreSQL や R について書いてないけど
ブログの主題を変えた訳ではないです。PostgreSQL今日の「画像+説明テキスト」の目的は、PostGIS
実行環境とファイル一式
Windowstemplate_img_and_txt.zip(6.79KB)が一式で、中身は下記
HTML、CSS、JavaScript
<!DOCTYPE HTML><html> <head> <meta charset="UTF-8"> <link rel="stylesheet" href="template_img_and_txt.css"> <script src="template_img_and_txt.js"></script> </head> <body> <img src="plot1.png"> <object data="plot1.R"></object> <img src="plot2.png"> <object data="plot2.R"></object> <!-- insert new sets similar to above --> </body> </html>
body { margin: 0; padding: 0; } img { border-bottom: 1px dotted black; float: left; margin: 0; } object { display: none; } pre { border-bottom: 1px dotted black; margin: 0; overflow: auto; }
window.addEventListener('load', function() { var imgs = document.getElementsByTagName('img'), objs = document.getElementsByTagName('object'), pre = document.createElement('pre'), scr = document.createElement('script'); for (var i = 0; i < imgs.length; i++) { // add pre tag from object data var m = imgs[i], o = objs[i], p = pre.cloneNode(); m.parentNode.insertBefore(p, m.nextSibling); p.innerHTML = o.contentWindow.document.body.textContent; // set appearnce of pre tag var g = getComputedStyle(m), s = p.style; s.lineHeight = 1.5; s.padding = '1em'; s.height = 'calc(' + g.height + ' - 2em)'; s.width = 'calc(100% - ' + g.width + ' - 2em)'; // add dummy script for Auto Reload var ary = Array(m.src, o.data), b = document.body; for (var j = 0; j < ary.length; j++) { var c = scr.cloneNode(); c.src = ary[j]; b.appendChild(c); } } });
使い方と動作
ローカル... ...(以下同様) ...
↓
↓ 一つ目の説明文テキストの中身。今回は
setwd('R:/TMP') # replace this with your folder png('plot1.png', width=250, height=300) par(las=1, plt=c(17, 95, 15, 95)/100) num = 25 cex = 5 + runif(num) * 5 col = adjustcolor(topo.colors(num), 0.5) plot(runif(num), cex=cex, bg=col, col='gray', pch=21, xlab='', ylab='') graphics.off()
テキスト中の
JavaScript