86 lines
2.6 KiB
JavaScript
86 lines
2.6 KiB
JavaScript
// Helper functions for Robot Monitor
|
|
|
|
window.robotMonitor = {
|
|
// Get element size
|
|
getElementSize: function (element) {
|
|
const rect = element.getBoundingClientRect();
|
|
return {
|
|
Width: rect.width,
|
|
Height: rect.height
|
|
};
|
|
},
|
|
|
|
// Get element bounding rect
|
|
getElementBoundingRect: function (element) {
|
|
const rect = element.getBoundingClientRect();
|
|
return {
|
|
X: rect.x,
|
|
Y: rect.y,
|
|
Width: rect.width,
|
|
Height: rect.height
|
|
};
|
|
},
|
|
|
|
// Convert trajectory to SVG path
|
|
trajectoryToPath: function (trajectory, startX, startY, endX, endY) {
|
|
if (!trajectory || !trajectory.ControlPoints || trajectory.ControlPoints.length === 0) {
|
|
// Linear path
|
|
return `M ${startX} ${startY} L ${endX} ${endY}`;
|
|
}
|
|
|
|
const degree = trajectory.Degree || 1;
|
|
const controlPoints = trajectory.ControlPoints;
|
|
|
|
if (degree === 1) {
|
|
// Linear
|
|
return `M ${startX} ${startY} L ${endX} ${endY}`;
|
|
} else if (degree === 2) {
|
|
// Quadratic bezier
|
|
if (controlPoints.length > 0) {
|
|
const cp1 = controlPoints[0];
|
|
return `M ${startX} ${startY} Q ${cp1.X} ${cp1.Y} ${endX} ${endY}`;
|
|
}
|
|
return `M ${startX} ${startY} L ${endX} ${endY}`;
|
|
} else if (degree === 3) {
|
|
// Cubic bezier
|
|
if (controlPoints.length >= 2) {
|
|
const cp1 = controlPoints[0];
|
|
const cp2 = controlPoints[1];
|
|
return `M ${startX} ${startY} C ${cp1.X} ${cp1.Y}, ${cp2.X} ${cp2.Y}, ${endX} ${endY}`;
|
|
} else if (controlPoints.length === 1) {
|
|
const cp1 = controlPoints[0];
|
|
return `M ${startX} ${startY} Q ${cp1.X} ${cp1.Y} ${endX} ${endY}`;
|
|
}
|
|
return `M ${startX} ${startY} L ${endX} ${endY}`;
|
|
}
|
|
|
|
return `M ${startX} ${startY} L ${endX} ${endY}`;
|
|
},
|
|
|
|
// Load image and get dimensions
|
|
loadImageAndGetDimensions: function (imageUrl) {
|
|
return new Promise((resolve, reject) => {
|
|
const img = new Image();
|
|
img.onload = () => {
|
|
resolve({
|
|
Width: img.naturalWidth || img.width,
|
|
Height: img.naturalHeight || img.height
|
|
});
|
|
};
|
|
img.onerror = () => {
|
|
reject(new Error(`Failed to load image: ${imageUrl}`));
|
|
};
|
|
img.src = imageUrl;
|
|
});
|
|
}
|
|
};
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|