如何在画布上放置图像？

Question

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

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

上述（我通常会这样做）似乎无法发挥作用。

以下是GitHub链接：https://github.com/Meeshbhoombah/meeshbhoombah.github.io以及有问题的网站：http://therealrohanm.me。我试图将Logo2（位于图像文件夹中）放在介绍部分画布上，并在页面上垂直和水平居中显示图像。

Answer 1

这是一个快速修复，但它被认为是一个小的黑客，而不是一个实际的解决方案

如果您的图片是500px;

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