javascript - 如何将图像放置在 Canvas 上？

Question

我已使用 z-index 将图像置于 Canvas 前面，但如何使图像垂直和水平居中？

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

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

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

Answer 1

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

如果您的图片是 500px；

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