wathiede/tracerviewer
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Compare commits

base: wathiede:d7dcbbd318bd656956eff7ddc04a5d9a4fe81463
Branches Tags
wathiede:master
..
compare: wathiede:321fe4caa66a86c1fedf86e9cc01ff1f218b18aa
Branches Tags
wathiede:master

2 Commits
d7dcbbd318 ... 321fe4caa6

Author SHA1 Message Date
Bill Thiede
321fe4caa6 Fix aspect ratio. 2023-02-16 19:29:55 -08:00
Bill Thiede
1f5a377194 Bounds guard on zoom. 2023-01-15 13:34:24 -08:00
1 changed files with 4 additions and 4 deletions
Show Stats Expand all files Collapse all files

8
src/App.js
View File

@ -23,8 +23,8 @@ const Sidebar = (props) => {
if (pix === undefined) { return <p key={md.name}>Loading...</p>; }
let max = binaryMax[md.name];
let [w, h] = md.size;
let xOff = mouseX; // Math.min(w, Math.max(0, Math.round(x*w)));
let yOff = mouseY; // Math.min(h, Math.max(0, Math.round(y*h)));
let xOff = Math.min(mouseX,w-1); // Math.min(w, Math.max(0, Math.round(x*w)));
let yOff = Math.min(mouseY,h-1); // Math.min(h, Math.max(0, Math.round(y*h)));
let v = pix[xOff+yOff*w];
let color = "#fff";
let rgb = "";
@ -208,7 +208,7 @@ class App extends React.Component {
images = imageMetadata.map((metadata) => {
let {name, ratio, image, size} = metadata;
let width = ELEMENT_WIDTH;
let height = (ratio * width).toFixed();
let height = (width/ratio).toFixed();
let url = ROOT + image + '?t=' + timestamp;
const clamp = (offsetX, offsetY) => {
@ -288,7 +288,7 @@ class App extends React.Component {
onWheel={mouseScroll}
className="frame"
style={{backgroundImage: 'url("' + url + '")', ...style}}>
<p className="name">{name}</p>
<p className="name"><a href={url}>{name}</a></p>
</div>)
});
let time = moment.unix(timestamp);