प्रोग्रामिंग canvas

6

पूरे कैनवास को विशिष्ट रंग से कैसे भरें?

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

95 javascript html canvas

9

चार्ट.जेएस लाइन चार्ट पर लेबल नंबर को सीमित करें

मैं अपने चार्ट के सभी बिंदुओं को मेरे द्वारा प्राप्त डेटा से प्रदर्शित करना चाहता हूं, लेकिन मैं उनके लिए सभी लेबल प्रदर्शित नहीं करना चाहता, क्योंकि तब चार्ट बहुत पठनीय नहीं है। मैं इसे डॉक्स में ढूंढ रहा था, लेकिन ऐसा कोई भी पैरामीटर नहीं मिला जो इसे सीमित …

94 javascript css canvas charts chart.js

18

टेक्स्ट को <font> फेस-फॉन्ट के साथ पहली बार में दिखाने से काम नहीं चलता है

जब मैं कैनवास में एक टेक्स्ट टाइप करता हूं जिसमें एक टाइपफेस होता है जो @ फॉन्ट-फेस के जरिए लोड होता है, टेक्स्ट सही से नहीं दिखता है। यह बिल्कुल नहीं दिखाता (क्रोम 13 और फ़ायरफ़ॉक्स 5 में), या टाइपफेस गलत है (ओपेरा 11)। इस प्रकार का अप्रत्याशित व्यवहार केवल …

93 html canvas font-face

10

एसवीजी और एचटीएमएल 5 कैनवस के बीच अंतर क्या है?

एसवीजी और एचटीएमएल 5 कैनवस के बीच अंतर क्या हैं? वे दोनों मुझे ऐसा ही करने लगते हैं। मूलतः, वे दोनों समन्वय बिंदुओं का उपयोग करके वेक्टर कलाकृति बनाते हैं। मैं क्या खो रहा हूँ? एसवीजी और एचटीएमएल 5 कैनवस के बीच प्रमुख अंतर क्या हैं? मुझे एक को दूसरे …

92 html canvas svg

10

कैनवस .toDataURL () सुरक्षा अपवाद क्यों फेंकता है?

क्या मुझे पर्याप्त नींद नहीं मिली या क्या? यह निम्नलिखित कोड है var frame=document.getElementById("viewer"); frame.width=100; frame.height=100; var ctx=frame.getContext("2d"); var img=new Image(); img.src="http://www.ansearch.com/images/interface/item/small/image.png" img.onload=function() { // draw image ctx.drawImage(img, 0, 0) // Here's where the error happens: window.open(frame.toDataURL("image/png")); } इस त्रुटि को फेंक रहा है: SECURITY_ERR: DOM Exception 18 यह काम …

90 javascript html canvas cross-domain

8

जावास्क्रिप्ट कैनवास के साथ छवि का आकार बदलें (सुचारू रूप से)

मैं कैनवास के साथ कुछ छवियों का आकार बदलने की कोशिश कर रहा हूं, लेकिन मैं उन्हें कैसे चिकना करना चाहता हूं, इस पर मैं स्पष्ट हूं। फ़ोटोशॉप, ब्राउज़र आदि पर। कुछ एल्गोरिदम हैं जिनका वे उपयोग करते हैं (जैसे बाइसिक, बिलिनियर) लेकिन मुझे नहीं पता कि ये कैनवास में …

90 javascript html image canvas html5-canvas

2

HTML5 कैनवास के लिए बेस 64 पीएनजी डेटा

मैं आधारभूत रूप से एन्कोडेड PNG छवि को कैनवास तत्व पर लोड करना चाहता हूं। मेरे पास यह कोड है: <html> <head> </head> <body> <canvas id="c"></canvas> <script type="text/javascript"> var canvas = document.getElementById("c"); var ctx = canvas.getContext("2d"); data = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAIAAAACDbGyAAAAAXNSR0IArs4c6QAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB9oMCRUiMrIBQVkAAAAZdEVYdENvbW1lbnQAQ3JlYXRlZCB3aXRoIEdJTVBXgQ4XAAAADElEQVQI12NgoC4AAABQAAEiE+h1AAAAAElFTkSuQmCC"; ctx.drawImage(data, 0, 0); </script> </body> </html> Chrome 8 में मुझे त्रुटि …

89 html canvas png base64

3

उपयोगकर्ता ब्राउज़र में तीर कुंजी स्क्रॉल अक्षम करें

मैं कैनवास, और जावास्क्रिप्ट का उपयोग कर एक खेल बना रहा हूं। जब पृष्ठ स्क्रीन (टिप्पणियाँ, आदि) से अधिक लंबा होता है, तो नीचे तीर दबाकर पृष्ठ को नीचे स्क्रॉल किया जाता है, और खेल को खेलना असंभव बना देता है। जब खिलाड़ी बस नीचे जाना चाहता है तो मैं …

87 javascript canvas scroll arrow-keys

13

चार्ट.जस कैनवास का आकार बदल जाता है

में ( Android WebView HTML5 कैनवस त्रुटि ) मैंने ग्राफ.जेएस लाइब्रेरी का उपयोग करके ग्राफ़ को प्लॉट करने के संबंध में एक प्रश्न पोस्ट किया है। मेरे पास अब समस्या यह है कि यदि मैं फ़ंक्शन को ग्राफ़ को कई बार प्लॉट करने के लिए कहता हूं, तो कैनवास हर …

86 html canvas chart.js

11

क्या मैं HTML <कैनवास> तत्व पर एंटीअलियासिंग को बंद कर सकता हूं?

मैं <canvas>तत्व के साथ खेल रहा हूं , रेखाएं खींच रहा हूं और ऐसे। मैंने देखा है कि मेरी विकर्ण रेखाएँ एंटीअलियास्ड हैं। मैं क्या कर रहा हूँ के लिए दांतेदार देखो पसंद करेंगे - क्या इस सुविधा को बंद करने का कोई तरीका है?

85 javascript html canvas antialiasing

9

Mousemove पर कैनवास से पिक्सेल रंग प्राप्त करें

क्या माउस के तहत RGB मूल्य पिक्सेल प्राप्त करना संभव है? क्या इसका पूरा उदाहरण है? यहाँ मेरे पास अभी तक क्या है: function draw() { var ctx = document.getElementById('canvas').getContext('2d'); var img = new Image(); img.src = 'Your URL'; img.onload = function(){ ctx.drawImage(img,0,0); }; canvas.onmousemove = function(e) { var mouseX, …

85 javascript html jquery canvas getimagedata

5

मैं HTML5 कैनवास टेक्स्ट को बोल्ड और / या इटैलिक कैसे करता हूं?

मैं एक कैनवस पर एक बहुत सीधे आगे के तरीके से टेक्स्ट प्रिंट कर रहा हूं: var ctx = canvas.getContext('2d'); ctx.font = "10pt Courier"; ctx.fillText("Hello World", 100, 100); लेकिन मैं टेक्स्ट को बोल्ड, इटैलिक या दोनों में कैसे बदल सकता हूं? उस सरल उदाहरण को ठीक करने के लिए कोई …

85 javascript html canvas typography

12

क्या HTML5 / कैनवास डबल बफरिंग का समर्थन करता है?

जो मैं करना चाहता हूं वह मेरे ग्राफिक्स को एक बफर पर खींचता है और फिर इसे कॉपी करने में सक्षम होता है जैसा कि कैनवास पर है, इसलिए मैं एनीमेशन कर सकता हूं और झिलमिलाहट से बच सकता हूं। लेकिन मुझे यह विकल्प नहीं मिला। किसी को पता है …

83 javascript html canvas double-buffering

6

Html5 कैनवस ड्रॉइमेज: एंटीलियासिंग कैसे लागू करें

कृपया निम्नलिखित उदाहरण पर एक नज़र डालें: http://jsfiddle.net/MLGr4/47/ var canvas = document.getElementById("canvas"); var ctx = canvas.getContext("2d"); img = new Image(); img.onload = function(){ canvas.width = 400; canvas.height = 150; ctx.drawImage(img, 0, 0, img.width, img.height, 0, 0, 400, 150); } img.src = "http://openwalls.com/image/1734/colored_lines_on_blue_background_1920x1200.jpg"; जैसा कि आप देखते हैं, छवि एंटी-अलियास नहीं …

82 html canvas html5-canvas interpolation antialiasing

16

एचटीएमएल 5 कैनवास में एक अंडाकार कैसे आकर्षित करें?

अंडाकार जैसी आकृति बनाने के लिए एक देशी कार्य प्रतीत नहीं होता है। इसके अलावा, मैं अंडे के आकार की तलाश नहीं कर रहा हूं। क्या 2 बीज़ियर घटता के साथ एक अंडाकार खींचना संभव है? किसी को उस के साथ समाप्त हो गया? मेरा उद्देश्य कुछ आंखें खींचना है …

81 javascript html canvas

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