Agregar elementos al lienzo html5

Question

¿Es posible agregar elementos dentro del lienzo de HTML5?

Por ejemplo:

<canvas id="canvas2" width="650" height="850"> 
    <div class="draggable" class="ui-widget-content" width='100px' height='100px'> 
     <textarea class="resizable" rows="2" cols="10" style="color: #FF0707; "> 
     Example 
     </textarea> 
    </div> 
</canvas> 

que no muestra nada ... sin embargo, si pongo que se pueda arrastrar div dentro de cualquier otro elemento en el html funciona ...

¿Qué soy yo ¿desaparecido?

Thx.

Answer 1

No se puede agregar elementos en el lienzo por el estilo. El innerHTML del lienzo se muestra cuando un navegador no admite <canvas>. Debe colocar elementos adicionales al lado del lienzo o una capa <div> encima del lienzo.

<canvas id="canvas2" width="650" height="850"> 

</canvas> 
<div style="position: absolute; top: 50px; left: 50px; width: 100px; height: 100px; z-index: 5;" class="draggable" class="ui-widget-content"> 
    <textarea class="resizable" rows="2" cols="10" style="color: #FF0707; "> 
     Example 
    </textarea> 
</div> 

Consulte también: https://developer.mozilla.org/en/Canvas_tutorial/Basic_usage#Fallback_content

Answer 2

Los elementos de lona son elementos reemplazados. Ellos rinden un mapa de bits. Su contenido, como el de sy <object> s, se usa cuando el elemento no es compatible.

Lo que estás tratando de hacer es similar a poner elementos dentro de una imagen.

El contenido del elemento canvas, si lo hay, es el contenido alternativo del elemento.

- http://www.w3.org/TR/html5/the-canvas-element.html#the-canvas-element