如何获得我的代码总是在JavaScript画布中间 我是程序员世界的新手，我是布鲁塞尔大学第一度的学生。所以我的问题是：我怎么能把我的代码放在屏幕中间，即使调整大小？ 我现在面临的问题是，我必须将t恤设计作为javascript课程的一项任务。

/*************
*我的背景*
*************/
"严格使用",；
/**@type{canvasrendingcontext2d}*/
让语境；
getCanvasContext（）；
函数getCanvasContext（）{
//获取对canvas元素的引用，并将其配置为填充整个窗口
让canvas=document.getElementById（'canvas'）；
canvas.width=window.innerWidth；
canvas.height=window.innerHeight；
canvas.style.margin=0；
canvas.style.padding=0；
canvas.style.position='绝对'；
canvas.style.top=0；
canvas.style.left=0；
//获取图形上下文
context=canvas.getContext（'2d'）；
}
导出默认上下文这在CSS中是可能的，但看起来您需要一个JavaScript解决方案（因为这是一个JavaScript课程）。您可以通过取
window.innerWidth
和
window.innerHeight
并将它们除以2来获得屏幕宽度的一半。然后，将其应用于任何需要居中的元素。这里有一个例子


编辑：哎呀，我不知道你在使用
元素。通过使用
canvas.width
和
canvas.height
并将这些值除以2，可以简单地获得画布的宽度和高度。这应该是画布的中心。目前，无法在JavaScript中检测画布大小调整。相反，使用循环，每
x
毫秒更新一次元素

setInterval(function(){
    update();
}, x);

这在CSS中是可能的，但看起来您需要一个JavaScript解决方案（因为这是一个JavaScript课程）。您可以通过取
window.innerWidth
和
window.innerHeight
并将它们除以2来获得屏幕宽度的一半。然后，将其应用于任何需要居中的元素。这里有一个例子


编辑：哎呀，我不知道你在使用
元素。通过使用
canvas.width
和
canvas.height
并将这些值除以2，可以简单地获得画布的宽度和高度。这应该是画布的中心。目前，无法在JavaScript中检测画布大小调整。相反，使用循环，每
x
毫秒更新一次元素

setInterval(function(){
    update();
}, x);

不幸的是，因为这是一个网络世界，我们不得不问它需要在哪个浏览器中工作，因为有各种各样的解决方案基于你需要的目标。所以你需要将你的T恤图片渲染到画布中，然后在图片的中心添加一个形状，对吗？那个图像需要扩展所有可用的屏幕空间，或者只是图像大小？嗨，伙计们，谢谢你们的回复。我只需要在chrome上工作。图像只是一个放在html文件中的图像，文本居中对齐。因此，我必须让我的js代码响应最快。就目前而言，即使我稍微调整一下屏幕大小，所有东西都会四处移动，不会停留在中间。我试图获得我的github文件的链接，但我对这个世界真的很陌生，所以我不知道它到底是如何工作的。不幸的是，因为这是网络世界，我们必须询问这需要在哪个浏览器中工作，因为根据您需要的目标，有各种解决方案。因此，您需要将T恤图像渲染到画布中，然后在该图像的中心添加一个形状，对吗？那个图像需要扩展所有可用的屏幕空间，或者只是图像大小？嗨，伙计们，谢谢你们的回复。我只需要在chrome上工作。图像只是一个放在html文件中的图像，文本居中对齐。因此，我必须让我的js代码响应最快。就目前而言，即使我稍微调整一下屏幕大小，所有东西都会四处移动，不会停留在中间。我试图获得我的github文件的链接，但我对这个世界真的很陌生，所以我不知道它到底是如何工作的。