将画布坐标转换为外部小部件的坐标

// 获取画布元素和外部小部件元素
const canvas = document.getElementById('canvas');
const widget = document.getElementById('widget');

// 获取画布上的图形或元素的坐标
const canvasX = 100;
const canvasY = 200;

// 获取画布和外部小部件的尺寸
const canvasWidth = canvas.width;
const canvasHeight = canvas.height;
const widgetWidth = widget.offsetWidth;
const widgetHeight = widget.offsetHeight;

// 计算坐标转换比例
const scaleX = widgetWidth / canvasWidth;
const scaleY = widgetHeight / canvasHeight;

// 将画布坐标转换为外部小部件的坐标
const widgetX = canvasX * scaleX;
const widgetY = canvasY * scaleY;

// 输出转换后的坐标
console.log('Widget coordinates: (' + widgetX + ', ' + widgetY + ')');