Javascript 如何从url获取坐标值

我这里有一个url，我想从这个网站获取坐标。如何将网站中的信息转换为javascript变量，以便在画布上使用

x

和

y

坐标

ctx.fillRect（x，y，10，10）

code？

您可以设置如下状态：

const[coordinates，setCoordinates]=useState（{}）

然后，在函数调用中，api在完成提取后设置新状态，如下所示：

---

setCoordinates（response.data）

您可以获取url，然后将其转换为json，并将结果存储在x，y变量中：

const canvas=document.querySelector（“canvas”）；
异步函数绘图框（画布、url）{
const{x，y}=await-fetch（url）；
const ctx=canvas.getContext（'2d'）；
控制台日志（x，y）；
ctx.fillRect（x，y，10，10）；
}
抽屉（帆布，'http://jacek.soc.port.ac.uk/tmp/ws/dyn2）

canvas{边框：1px点#000；}

---

异步函数drawBox（canvas，url）{const response5=await fetch（url）；const text5=await response5；const ctx=canvas.getContext（“2d”）；ctx.fillStyle='red'；ctx.fillRect（0,0,10,10）；ctx.fill（）；}
@poPaTheGuru那么我如何在这里实现您对我的代码的解决方案呢？Sry的错误格式，我无法格式化到正确的方式。谢谢你，我能够实现你的解决方案，我的代码与一些小的调整。