（二） 绘制蛇头

由于我们拥有了一个游戏的窗口，我们现在想让我们的游戏窗口出现点什么。比如一条蛇？一个食物？
是的！我们需要点东西在屏幕中，但是我们先不考虑这么多，先来一只蛇头怎么样？

为什么先绘制蛇头？
因为我们的蛇是由一个个div组成的，一下子操纵太多的div块在屏幕中行走想想都麻烦。我们先来绘制一个方块，并且让它在屏幕中动起来。

const sh_width = "30px",sh_height = "30px",sh_background = "url(\"shead.png\")"

    function paintHead(){
        //绘制蛇头
        const snHead = document.createElement("div");//创建一个蛇头元素
        snake.push(snHead);
        //蛇头样式
        snHead.style.width = sh_width;
        snHead.style.height = sh_height;
        snHead.style.background = sh_background;
        snHead.style.position = "absolute";
        snHead.style.top = "300px";
        snHead.style.left = "300px";
        snHead.style.zIndex = "100";
        snHead.setAttribute("id","snHead");
        //添加到文档结构中
        screen.appendChild(snHead);
    }