html5-canvas पर टैग किए गए जवाब

कंपोजिट ऑपरेशन के साथ प्रयोग करने और कैनवास पर चित्र बनाने के बाद अब मैं चित्रों और कंपोज़िंग को हटाने की कोशिश कर रहा हूँ। मैं यह कैसे करु? मुझे अन्य छवियों को फिर से दिखाने के लिए कैनवास को साफ करने की आवश्यकता है; यह कुछ समय के लिए …

1012 javascript  html  canvas  html5-canvas  composite 

मक्खी पर तत्व बनाने और उन्हें स्थानांतरित करने में सक्षम होने के लिए सबसे अच्छा तरीका क्या है? उदाहरण के लिए, मान लें कि मैं एक आयत, वृत्त और बहुभुज बनाना चाहता हूँ और फिर उन वस्तुओं का चयन करके उन्हें इधर-उधर कर देता हूँ। मैं समझता हूं कि HTML5 …

476 javascript  html  svg  html5-canvas 

मैं <canvas>पेज को फिट करने के लिए एचटीएमएल 5 तत्व को स्वचालित रूप से कैसे माप सकता हूं ? उदाहरण के लिए, मैं 100% और गुण <div>सेट करके एक स्केल टू स्केल प्राप्त कर सकता हूं , लेकिन क्या यह पैमाना नहीं होगा?heightwidth<canvas>

400 javascript  html  html5-canvas 

मैं एक जेनरिक आर्ट प्रोजेक्ट पर काम कर रहा हूँ जहाँ मैं उपयोगकर्ताओं को एल्गोरिदम से परिणामी छवियों को सहेजने की अनुमति देना चाहूँगा। सामान्य विचार है: एक जेनरेटर एल्गोरिथ्म का उपयोग करके HTML5 कैनवस पर एक छवि बनाएं जब छवि पूरी हो जाती है, तो उपयोगकर्ताओं को सर्वर पर …

260 javascript  php  ajax  html5-canvas 

मैं एक वेब पेज रखना चाहता हूं जिसमें एक केंद्रित शब्द हो। मैं चाहता हूं कि यह शब्द एक एनीमेशन के साथ खींचा जाए, जैसे कि पृष्ठ "शब्द" उसी तरह से शब्द लिखता है जो हम करेंगे, अर्थात यह एक बिंदु पर शुरू होता है और समय के साथ लाइनें …

229 javascript  css  canvas  html5-canvas  css-shapes 

मैं कैनवास चित्र को PNG छवियों में बदलने के लिए Nihilogic के "Canvas2Image" जावास्क्रिप्ट टूल का उपयोग कर रहा हूं। अब मुझे उन आधार 64 स्ट्रिंग्स को चालू करने की आवश्यकता है जो यह उपकरण PHP का उपयोग करके सर्वर पर वास्तविक PNG फ़ाइलों में उत्पन्न करता है। संक्षेप में, …

212 php  javascript  base64  html5-canvas 

मैं अपने कैनवास को एक img में सहेजना चाहता हूं। मेरा यह कार्य है: function save() { document.getElementById("canvasimg").style.border = "2px solid"; var dataURL = canvas.toDataURL(); document.getElementById("canvasimg").src = dataURL; document.getElementById("canvasimg").style.display = "inline"; } यह मुझे त्रुटि देता है: अनियोजित SecurityError: 'HTMLCanvasElement' पर 'toDataURL' को क्रियान्वित करने में विफल: दागी कैनवस को …

187 javascript  html5-canvas 

डिजिटल कैमरा फोटो को अक्सर एक्जिफ़ "ओरिएंटेशन" टैग के साथ JPEG के रूप में सहेजा जाता है। सही ढंग से प्रदर्शित करने के लिए, छवियों को घुमाया / प्रतिबिंबित किया जाना चाहिए जिसके आधार पर अभिविन्यास निर्धारित किया गया है, लेकिन ब्राउज़र इस जानकारी को छवि प्रदान करने की उपेक्षा …

154 javascript  rotation  html5-canvas  exif 

मैं छवियों का आकार बदलने के लिए एचटीएमएल 5 कैनवास तत्वों का उपयोग करता हूं। यह पता चला है कि गुणवत्ता बहुत कम है। मुझे यह पता चला: जब एक <कैनवास> स्केलिंग इंटरपोलेशन को अक्षम करता है, लेकिन यह गुणवत्ता को बढ़ाने में मदद नहीं करता है। नीचे मेरा css …

149 javascript  css  html  canvas  html5-canvas 

एक ड्राइंग एप्लिकेशन के लिए, मैं माउस आंदोलन को एक सरणी के लिए समन्वयित कर रहा हूं, फिर उन्हें लाइनटॉ के साथ आरेखण कर रहा हूं। परिणामी लाइन चिकनी नहीं है। मैं सभी एकत्रित बिंदुओं के बीच एक एकल वक्र कैसे बना सकता हूं? मैंने गुगली की है, लेकिन मुझे …

133 javascript  canvas  html5-canvas  bezier  spline 

मेरा कोड मेरे लोकलहोस्ट पर बहुत अच्छा काम कर रहा है लेकिन यह साइट पर काम नहीं कर रहा है। मुझे कंसोल से यह त्रुटि मिली, इस पंक्ति के लिए .getImageData(x,y,1,1).data: Uncaught SecurityError: Failed to execute 'getImageData' on 'CanvasRenderingContext2D': The canvas has been tainted by cross-origin data. मेरे कोड का …

131 javascript  html  html5-canvas 

मैं अपने मूल रोटेशन के आधार पर फ़ोटो को घुमाना चाहता हूं, जैसा कि JPEG EXIF ​​छवि डेटा में कैमरे द्वारा निर्धारित किया गया है। चाल यह है कि जावास्क्रिप्ट और जावास्क्रिप्ट का उपयोग करके यह सब ब्राउज़र में होना चाहिए <canvas>। जावास्क्रिप्ट, JPEG, स्थानीय फ़ाइल API ऑब्जेक्ट, स्थानीय <img>या …

125 javascript  jpeg  exif  html5-canvas 

मैं अपने कैनवास के डिफ़ॉल्ट पृष्ठभूमि रंग को काले से पारदर्शी / किसी अन्य रंग में बदलने की कोशिश कर रहा हूं - लेकिन कोई भाग्य नहीं। मेरा HTML: <canvas id="canvasColor"> मेरा सीएसएस: <style type="text/css"> #canvasColor { z-index: 998; opacity:1; background: red; } </style> जैसा कि आप निम्नलिखित ऑनलाइन उदाहरण …

122 css  html  canvas  html5-canvas  three.js 

क्या 2D गेम / एप्स के लिए 2D- Canvas के बजाय WebGL का उपयोग करने के अलावा, कोई कारण नहीं है ? दूसरे शब्दों में, WebGL द्वारा 2 डी फंक्शंस की पेशकश की जाती है जो 2D-कैनवस के साथ आसानी से प्राप्त करना संभव नहीं है?

112 html  html5-canvas  webgl 

मैं एक साथ दो कैनवस को ढेर करने और इसे एक डबल लेयर कैनवास बनाने की कोशिश कर रहा हूं। मैंने यहां एक उदाहरण देखा है: <div style="position: relative;"> <canvas id="layer1" width="100" height="100" style="position: absolute; left: 0; top: 0; z-index: 0;"></canvas> <canvas id="layer2" width="100" height="100" style="position: absolute; left: 0; top: …

103 css  html5-canvas