1690275168

Build Type

github

Committed by GitHub

Commit Message

Merge 8f3a34e6d into 7b2a8da4e

Pull Request Pull Request #294: Accelerate image processing on the client with GPU.js

Run Details

54 of 406 branches covered (13.3%)

Branch coverage included in aggregate %.

56 of 295 new or added lines in 18 files covered. (18.98%)

6 existing lines in 5 files now uncovered.

1450 of 3209 relevant lines covered (45.19%)

2.47 hits per line

Source File
Press 'n' to go to next uncovered line, 'b' for previous

6.67

/visualizer/src/Canvas/ComposeCanvases.js

1	import { makeStyles } from '@material-ui/core';
2	import { useSelector } from '@xstate/react';
3	import React, { useEffect, useRef } from 'react';
4	import { useCanvas } from '../ProjectContext';
5
6	const useStyles = makeStyles({	4✔
7	canvas: {
8	position: 'absolute',
9	top: 0,
10	left: 0,
11	maxHeight: '100%',
12	maxWidth: '100%',
13	},
14	});
15
16	export const ComposeCanvas = ({ canvases }) => {	4✔
NEW 17	const styles = useStyles();	×
18
NEW 19	const canvas = useCanvas();	×
NEW 20	const sx = useSelector(canvas, (state) => state.context.sx);	×
NEW 21	const sy = useSelector(canvas, (state) => state.context.sy);	×
NEW 22	const zoom = useSelector(canvas, (state) => state.context.zoom);	×
NEW 23	const sw = useSelector(canvas, (state) => state.context.width);	×
NEW 24	const sh = useSelector(canvas, (state) => state.context.height);	×
NEW 25	const scale = useSelector(canvas, (state) => state.context.scale);	×
26
NEW 27	const width = sw * scale * window.devicePixelRatio;	×
NEW 28	const height = sh * scale * window.devicePixelRatio;	×
29
NEW 30	const canvasRef = useRef();	×
NEW 31	const ctxRef = useRef();	×
32
NEW 33	const composeCanvasRef = useRef();	×
NEW 34	const composeCtxRef = useRef();	×
35
NEW 36	useEffect(() => {	×
NEW 37	composeCtxRef.current = composeCanvasRef.current.getContext('2d');	×
NEW 38	composeCtxRef.current.globalCompositeOperation = 'source-over';	×
39	}, [sh, sw]);
40
NEW 41	useEffect(() => {	×
NEW 42	ctxRef.current = canvasRef.current.getContext('2d');	×
NEW 43	ctxRef.current.imageSmoothingEnabled = false;	×
44	}, [height, width]);
45
NEW 46	useEffect(() => {	×
NEW 47	composeCtxRef.current.clearRect(0, 0, sw, sh);	×
NEW 48	for (let key in canvases) {	×
NEW 49	composeCtxRef.current.drawImage(canvases[key], 0, 0);	×
50	}
51	}, [canvases, sh, sw]);
52
NEW 53	useEffect(() => {	×
NEW 54	ctxRef.current.clearRect(0, 0, width, height);	×
NEW 55	ctxRef.current.drawImage(	×
56	composeCanvasRef.current,
57	sx,
58	sy,
59	sw / zoom,
60	sh / zoom,
61	0,
62	0,
63	width,
64	height
65	);
66	}, [canvases, sx, sy, sw, sh, zoom, width, height]);
67
NEW 68	return (	×
69	<>
70	<canvas id='compose-canvas' hidden={true} ref={composeCanvasRef} width={sw} height={sh} />
71	<canvas id='canvas' className={styles.canvas} ref={canvasRef} width={width} height={height} />
72	</>
73	);
74	};
75
76	export default ComposeCanvas;

vanvalenlab / deepcell-label / 1690275168

Source File Press 'n' to go to next uncovered line, 'b' for previous

Source File
Press 'n' to go to next uncovered line, 'b' for previous