изображение приходит потом - PullRequest
0 голосов
/ 25 ноября 2010

Я делаю страницу и использую холст .. Так что в части тела я делаю что-то вроде этого:

<body>

<canvas id="myCanvas" width="1300" height="1150">

</canvas>

<img src="arbit.png" width ="1000" height="1000" />

</body>

Но изображение загружается после пространства холста и появляется рисунок на холстенад изображением.

Может кто-нибудь сказать мне, в чем проблема?

РЕДАКТИРОВАТЬ:

Извините за ошибку, поставив вопрос ..

Я хочу перекрывать холст и изображение ....

Ответы [ 3 ]

1 голос
/ 25 ноября 2010

Понял.

Вам нужно использовать CSS-позиционирование, чтобы перекрыть два элемента.

Проверьте этот JsBin Я только что подобрался, чтобы увидеть его в действии

Markup:

<body>

<div class="wrapper">
    <canvas id="myCanvas" width="250" height="250"></canvas>

    <img src="http://dummyimage.com/50x50/000/fff" alt="test" width ="50" height="50" />

</div>
</body>

Css:

  .wrapper {
    position:relative;
  }

  .wrapper canvas {
    border:1px solid red;
    position:absolute;
    z-index:1;
  }

  .wrapper img {
    position:absolute;
    top:0px;
    left:20px;
    z-index;2;
  }
0 голосов
/ 25 ноября 2010

Вы пробовали:

<body>
   <canvas id="myCanvas" width="1300" height="1150">
      <img src="arbit.png" width ="1000" height="1000" />
   </canvas>
</body>
0 голосов
/ 25 ноября 2010

элемент <img> равен после элемента <canvas>, поэтому изображение отображается после (ниже) холста.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...