如何将图像放置在画布上

How do I position an image over a canvas?

本文关键字:图像      更新时间:2023-09-26

我已经使用 z-index 将图像放在画布前面,但是如何垂直和水平地将图像居中?

.logo {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

以上(我通常会做的)似乎不起作用。

这是GitHub链接:https://github.com/Meeshbhoombah/meeshbhoombah.github.io 和网站:http://therealrohanm.me 有问题的。我正在尝试将 Logo2(位于图像文件夹中)放置在介绍部分画布上,并在页面上垂直和水平居中图像。

这是一个快速解决方案,但它被认为是一个小技巧而不是实际的解决方案

如果您的图片为 500 像素;

 position : relative;
 margin-left: 50%;
 left : -250px;