कैनवास एचटीएमएल 5

Question

में तत्व जोड़ें एचटीएमएल 5 के कैनवास के अंदर तत्व जोड़ना संभव है?

उदाहरण के लिए:

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

कि कुछ भी दिखाई नहीं देता ... लेकिन, अगर मैं एचटीएमएल यह काम करता है में किसी भी अन्य तत्व के अंदर है कि खींचने योग्य div डाल ...

मैं क्या कर रहा हूँ लापता?

Thx।

Answer 1

आप उस तरह कैनवास में तत्वों नहीं जोड़ सकते। कैनवास के innerHTML दिखाया गया है जब कोई ब्राउज़र <canvas> का समर्थन नहीं करता है। आपको कैनवास के बगल में अतिरिक्त तत्व, या कैनवास के ऊपर <div> परत चाहिए।

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

यह भी देखें: https://developer.mozilla.org/en/Canvas_tutorial/Basic_usage#Fallback_content

Answer 2

कैनवास तत्व तत्वों को प्रतिस्थापित कर रहे हैं। वे एक बिटमैप प्रस्तुत करते हैं। एस और <object> एस की तरह उनकी सामग्री का उपयोग तब किया जाता है जब तत्व समर्थित नहीं होता है।

आप जो करने की कोशिश कर रहे हैं वह तत्वों को छवि के अंदर डालने जैसा है।

कैनवास तत्व की सामग्री, यदि कोई हो, तत्व के वापस आने की सामग्री है।

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