button em cima de um canvas ???

1. button em cima de um canvas ???

Enviado em 15/04/2012 - 15:08h

Olá pessoal !

Tenho um "canvas" do HTML na posicao(0, 0) da página e queria também um "button" na posicao(100, 100) por cima do "canvas".

Pergunta:
Isso é possível ? Se sim, poderia informar como fazer ?

OBS: o canvas tem o tamanho de 800 x 600.

Grato !!!

Responder tópico

2. Re: button em cima de um canvas ???

Enviado em 01/05/2012 - 18:39h

Olá pessoal !!!

Depois de ver varios exemplos e principalmente os do YAHOO ( YUI ), finalmente consegui entender como posicionar componentes HTML em determinada posição.

Gosto de compartilhar, então vai o exemplo:





<!DOCTYPE html>

<html>

<body>



  <button id="bt0">Hello</button>



  <canvas id="CV" width="800" height="600" style="border:5px solid #c3c3c3;">

      Your browser does not support the canvas element.

  </canvas>



  <style>

      #bt0 {

          position:absolute;

          top    : 100px;

          left   : 100px;

          width  : 150px;

          height : 50px;

      }

  </style>



<script type="text/javascript">



// JS code here ...



</script>



</body>

</html>

Responder tópico

Entre na sua conta para responder.

Fazer login para responder