mirror of
https://github.com/netbymatt/ws4kp.git
synced 2026-04-14 07:39:29 -07:00
65 lines
2.6 KiB
JavaScript
65 lines
2.6 KiB
JavaScript
import { removeDopplerRadarImageNoise } from './radar-utils.mjs';
|
|
import { RADAR_FULL_SIZE, RADAR_FINAL_SIZE, RADAR_SOURCE_SIZE } from './radar-constants.mjs';
|
|
|
|
// process a single radar image and place it on the provided canvas
|
|
const processRadar = async (data) => {
|
|
const {
|
|
url, RADAR_HOST, OVERRIDES, radarSourceXY,
|
|
} = data;
|
|
|
|
// get the image
|
|
const modifiedRadarUrl = OVERRIDES.RADAR_HOST ? url.replace(RADAR_HOST, OVERRIDES.RADAR_HOST) : url;
|
|
const radarResponsePromise = fetch(modifiedRadarUrl);
|
|
|
|
// calculate offsets and sizes
|
|
const radarSource = {
|
|
width: RADAR_SOURCE_SIZE().width,
|
|
height: RADAR_SOURCE_SIZE().height,
|
|
x: Math.round(radarSourceXY.x / 2),
|
|
y: Math.round(radarSourceXY.y / 2),
|
|
};
|
|
|
|
// create radar context for manipulation
|
|
const radarCanvas = document.createElement('canvas');
|
|
radarCanvas.width = RADAR_FULL_SIZE.width;
|
|
radarCanvas.height = RADAR_FULL_SIZE.height;
|
|
const radarContext = radarCanvas.getContext('2d');
|
|
radarContext.imageSmoothingEnabled = false;
|
|
|
|
// test response
|
|
const radarResponse = await radarResponsePromise;
|
|
if (!radarResponse.ok) throw new Error(`Unable to fetch radar error ${radarResponse.status} ${radarResponse.statusText} from ${radarResponse.url}`);
|
|
|
|
// get the blob
|
|
const radarImgBlob = await radarResponse.blob();
|
|
|
|
// assign to an html image element
|
|
const radarImgElement = await createImageBitmap(radarImgBlob);
|
|
// draw the entire image
|
|
radarContext.clearRect(0, 0, RADAR_FULL_SIZE.width, RADAR_FULL_SIZE.height);
|
|
radarContext.drawImage(radarImgElement, 0, 0, RADAR_FULL_SIZE.width, RADAR_FULL_SIZE.height);
|
|
|
|
// crop the radar image without scaling
|
|
const croppedRadarCanvas = document.createElement('canvas');
|
|
croppedRadarCanvas.width = radarSource.width;
|
|
croppedRadarCanvas.height = radarSource.height;
|
|
const croppedRadarContext = croppedRadarCanvas.getContext('2d');
|
|
croppedRadarContext.imageSmoothingEnabled = false;
|
|
croppedRadarContext.drawImage(radarCanvas, radarSource.x, radarSource.y, croppedRadarCanvas.width, croppedRadarCanvas.height, 0, 0, croppedRadarCanvas.width, croppedRadarCanvas.height);
|
|
|
|
// clean the image
|
|
removeDopplerRadarImageNoise(croppedRadarContext);
|
|
|
|
// stretch the radar image
|
|
const stretchCanvas = document.createElement('canvas');
|
|
stretchCanvas.width = RADAR_FINAL_SIZE().width;
|
|
stretchCanvas.height = RADAR_FINAL_SIZE().height;
|
|
const stretchContext = stretchCanvas.getContext('2d', { willReadFrequently: true });
|
|
stretchContext.imageSmoothingEnabled = false;
|
|
stretchContext.drawImage(croppedRadarCanvas, 0, 0, radarSource.width, radarSource.height, 0, 0, RADAR_FINAL_SIZE().width, RADAR_FINAL_SIZE().height);
|
|
|
|
return stretchCanvas.toDataURL();
|
|
};
|
|
|
|
export default processRadar;
|