Denuncie   Favoritos   Indicar  

button em cima de um canvas ???

1. button em cima de um canvas ???

???
gokernel
(usa Linux Mint)

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 !!!

0 0
  • Quote

    •   


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

    ???
    gokernel
    (usa Linux Mint)

    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>



    1 0
  • Quote





    • Patrocínio

    Site hospedado pelo provedor RedeHost.
    Linux banner

    Destaques

    Artigos

    Instalar certificado digital Safesign, fornecido pela Certisign e utilizado pela OAB-SP, em qualquer distribuição Linux usando distrobox

    Manutenção de sistemas Linux Debian e derivados com apt-get, apt, aptitude e dpkg

    Criatividade para TI parte 1

    Melhorando o tempo de boot do Fedora e outras distribuições

    Como instalar as extensões Dash To Dock e Hide Top Bar no Gnome 45/46

    Dicas

    Como Atualizar Fedora 39 para 40

    Instalar Google Chrome no Debian e derivados

    Consertando o erro do Sushi e Wayland no Opensuse Leap 15

    Instalar a última versão do PostgreSQL no Lunix mantendo atualizado

    Flathub na sua distribuição Linux e comandos básicos de gerenciamento

    Tópicos

    Lançado Ubuntu 24.04 Final (3)

    iso de sistema 32 bit em atividade (10)

    ASRock H310CM-HG4 vs Linux (15)

    erro ao clonar repo github (9)

    pacotes 32 bit no void 64 bit (2)

    Top 10 do mês

    Scripts

    [Python] Adicione a opção Redimensionar e rotacionar imagens ao Nautilus

    [Shell Script] Script para desinstalar pacotes desnecessários no OpenSuse

    [Shell Script] Script para criar certificados de forma automatizada no OpenVpn

    [Shell Script] Conversor de vídeo com opção de legenda

    [C/C++] BRT - Bulk Renaming Tool

    A maior comunidade GNU/Linux da América Latina! Artigos, dicas, tutoriais, fórum, scripts e muito mais. Ideal para quem busca auto-ajuda.

    Site hospedado por: