Img src 未从本地文件加载到页面上

Question

当尝试使用 canvas 和 imgsrc 在画布上添加徽标和导航栏图像时，我发现图像甚至不会在通用空白文档中加载到画布之外。我将 vsc 与 liveserver 扩展一起使用来查看实时进度（本地；稍后更改实时站点上的路径）。我有一个图像文件夹，用于存放网站上的所有图像，我从中提取源代码（链接）。图像没有出现/渲染在页面上，只是在我加载扩展程序时给出默认图标。我怎样才能让这个图像出现？也在画布上？

即- 我已从导航栏中删除了画布以使其也能显示。我无法在画布打开时显示链接。我现在只是想加载图像。

<canvas><img src="C:\Users\xxxx\Desktop\webpageproject\workspace\images\origdllogox1.png">
</canvas>
    <header>
        <nav>
            <ul>
                <li><a href="pages\about.html">about</li></a>
                <li><a href="pages\contact.html">contact</li></a>
                <li><a href="pages\members.html">members</li></a
            </ul>
        </nav>
    </header>

<!--navbarheading end-->

canvas  {
    image-resolution: 1080p;
    background: indigo;
    height: 100px;
    width: 1920px;
    margin: 0;
    padding: 0;
}

canvas::after   {
    content: '';
    display:contents;
}

header  {
    background:fixed;
}

header::after   {
    content: '';
    display:table;
    clear:both;
}

.nav {
    display: contents;
}

nav ul  {
    margin: 0;
    padding: 0;
    list-style: none;
    color:darkolivegreen;
    float: right;
}

nav li  {
    display: inline-block;
}

ul  {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

Answer 1

尝试将图像复制并粘贴到index.html的同一文件中，然后使用

<canvas><img src="origdllogox1.png"></canvas>