প্রশ্ন ট্যাগ «html5-canvas»

যৌগিক ক্রিয়াকলাপ নিয়ে পরীক্ষার পরে এবং ক্যানভাসে চিত্র অঙ্কন করার পরে আমি এখন চিত্রগুলি এবং কম্পোজিটিং অপসারণের চেষ্টা করছি। আমি এটা কিভাবে করবো? অন্যান্য চিত্রগুলি পুনরায় আঁকার জন্য আমার ক্যানভাসটি সাফ করা দরকার; এটি কিছু সময়ের জন্য যেতে পারে তাই আমি মনে করি না প্রতিবার একটি নতুন আয়তক্ষেত্র আঁকাই সবচেয়ে …

1012 javascript  html  canvas  html5-canvas  composite 

ফ্লাইতে উপাদান তৈরি করার জন্য এবং তাদের চারপাশে সরাতে সক্ষম হওয়ার জন্য সর্বোত্তম পদ্ধতির কী? উদাহরণস্বরূপ, আসুন আমি বলি যে আমি একটি আয়তক্ষেত্র, বৃত্ত এবং বহুভুজ তৈরি করতে চাই এবং তারপরে objects বস্তুগুলি নির্বাচন করে এগুলিকে চারপাশে স্থানান্তরিত করতে চাই। আমি বুঝতে পারি যে এইচটিএমএল 5 এমন তিনটি উপাদান সরবরাহ …

476 javascript  html  svg  html5-canvas 

<canvas>পৃষ্ঠাটি ফিট করার জন্য কীভাবে আমি স্বয়ংক্রিয়ভাবে HTML5 উপাদানকে স্কেল করতে পারি ? উদাহরণস্বরূপ, আমি 100% <div>এ heightএবং widthবৈশিষ্ট্যগুলি সেট করে একটি স্কেল পেতে পারি , তবে একটি <canvas>স্কেল হবে না, তাই না?

400 javascript  html  html5-canvas 

আমি একটি জেনারেটর আর্ট প্রকল্পে কাজ করছি যেখানে আমি ব্যবহারকারীদের একটি অ্যালগরিদম থেকে ফলাফলগুলি সংরক্ষণ করতে দিতে চাই to সাধারণ ধারণাটি হ'ল: জেনারেটরি অ্যালগরিদম ব্যবহার করে এইচটিএমএল 5 ক্যানভাসে একটি চিত্র তৈরি করুন চিত্রটি সম্পূর্ণ হয়ে গেলে, ব্যবহারকারীদের সার্ভারে ইমেজ ফাইল হিসাবে ক্যানভাস সংরক্ষণ করার অনুমতি দিন ব্যবহারকারীকে হয় হয় …

260 javascript  php  ajax  html5-canvas 

আমি একটি ওয়েব পৃষ্ঠা রাখতে চাই যার একটি কেন্দ্রিক শব্দ রয়েছে। আমি এই শব্দটি একটি অ্যানিমেশন দিয়ে আঁকতে চাই, যেমন পৃষ্ঠাটি এই শব্দটি "লেখায়" ঠিক তেমনভাবেই হয় যা আমরা বলি, অর্থাত এটি একটি বিন্দুতে শুরু হয় এবং সময়ের সাথে সাথে রেখা এবং আঁকাগুলি আঁকেন যাতে শেষ ফলাফলটি একটি গ্লাইফ হয়। …

229 javascript  css  canvas  html5-canvas  css-shapes 

ক্যানভাস অঙ্কনগুলিকে পিএনজি চিত্রগুলিতে রূপান্তর করতে আমি নিহিলোগিকের "ক্যানভাস 2 আইমেজ" জাভাস্ক্রিপ্ট সরঞ্জামটি ব্যবহার করছি। আমার এখন যা দরকার তা হল পিএইচপি ব্যবহার করে সার্ভারের প্রকৃত পিএনজি ফাইলগুলিতে এই সরঞ্জামটি তৈরি করে এমন বেস 64 স্ট্রিংগুলি ঘুরিয়ে দেওয়া। সংক্ষেপে, আমি বর্তমানে যা করছি তা হ'ল ক্যানভাস 2 আইমেজ ব্যবহার করে …

212 php  javascript  base64  html5-canvas 

আমি আমার ক্যানভাস একটি ইমগিতে সংরক্ষণ করতে চাই। আমি এই ফাংশন আছে: function save() { document.getElementById("canvasimg").style.border = "2px solid"; var dataURL = canvas.toDataURL(); document.getElementById("canvasimg").src = dataURL; document.getElementById("canvasimg").style.display = "inline"; } এটি আমার ত্রুটি দেয়: আনকডেড সিকিউরিটি এরিয়ার: 'এইচটিএমএল ক্যানভাস এলিমেন্ট'-এ' টুডাআরএলআউট 'কার্যকর করতে ব্যর্থ: কলঙ্কিত ক্যানভ্যাসগুলি রফতানি করা যাবে না। …

186 javascript  html5-canvas 

ডিজিটাল ক্যামেরার ফটোগুলি প্রায়শই একটি এক্সিএফ "ওরিয়েন্টেশন" ট্যাগ সহ জেপিগ হিসাবে সংরক্ষণ করা হয়। সঠিকভাবে প্রদর্শন করার জন্য, কোন ওরিয়েন্টেশনটি সেট করা আছে তার উপর নির্ভর করে চিত্রগুলি ঘোরানো / মিরর করা দরকার, তবে ব্রাউজারগুলি চিত্রটি রেন্ডারিংয়ে এই তথ্য উপেক্ষা করে। এমনকি বড় বাণিজ্যিক ওয়েব অ্যাপ্লিকেশনগুলিতে, এক্সআইএফ ওরিয়েন্টেশনের জন্য সমর্থন …

154 javascript  rotation  html5-canvas  exif 

আমি আমার ব্রাউজারে চিত্রগুলির আকার পরিবর্তন করতে এইচটিএমএল 5 ক্যানভাস উপাদান ব্যবহার করি। দেখা যাচ্ছে যে মানটি খুব কম। আমি এটি পেয়েছি: <স্ক্যানভ্যাস> স্কেল করার সময় ইন্টারপোলেশন অক্ষম করুন তবে এটি গুণমান বাড়াতে সহায়তা করে না। নীচে আমার সিএসএস এবং জেএস কোডের পাশাপাশি ছবিটি ফটোশপের সাথে বিভক্ত এবং ক্যানভাস এপিআইতে …

149 javascript  css  html  canvas  html5-canvas 

একটি অঙ্কন অ্যাপ্লিকেশনটির জন্য, আমি মাউন্টের চলন স্থানাঙ্ককে একটি অ্যারে সংরক্ষণ করছি তারপরে লাইনটো দিয়ে এঁকে দিচ্ছি। ফলাফল লাইন মসৃণ হয় না। আমি কীভাবে সমস্ত জড়ো হওয়া পয়েন্টগুলির মধ্যে একটি একক বাঁক তৈরি করতে পারি? আমি গুগল করেছি তবে আমি রেখাগুলি আঁকার জন্য কেবল তিনটি ফাংশন পেয়েছি: 2 নমুনা পয়েন্টের …

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. আমার কোডের অংশ: jQuery.Event.prototype.rgb=function(){ var x = this.offsetX || (this.pageX - …

131 javascript  html  html5-canvas 

আমি জেপিইজি EXIF ​​চিত্রের ডেটাতে ক্যামেরার দ্বারা সেট করা ফটোগুলি তাদের মূল ঘূর্ণনের উপর ভিত্তি করে ঘোরানো চাই। কৌশলটি হ'ল জাভাস্ক্রিপ্ট এবং ব্যবহার করে ব্রাউজারে এই সমস্ত হওয়া উচিত <canvas>। ঘূর্ণন সম্পর্কিত তথ্য পড়ার জন্য কীভাবে জাভাস্ক্রিপ্ট JPEG, স্থানীয় ফাইল এপিআই আইজেক্ট, স্থানীয় <img>বা দূরবর্তী <img>, এক্সআইএফ ডেটা অ্যাক্সেস করতে …

125 javascript  jpeg  exif  html5-canvas 

আমি আমার ক্যানভাসের ডিফল্ট ব্যাকগ্রাউন্ড রঙটি কালো থেকে স্বচ্ছ / অন্য কোনও রঙে রূপান্তর করার চেষ্টা করছি - তবে ভাগ্য নেই। আমার এইচটিএমএল: <canvas id="canvasColor"> আমার সিএসএস: <style type="text/css"> #canvasColor { z-index: 998; opacity:1; background: red; } </style> আপনি যেমন নীচের অনলাইন উদাহরণে দেখতে পাচ্ছেন আমার কিছু অ্যানিমেশন ক্যানভাসে যুক্ত …

122 css  html  canvas  html5-canvas  three.js 

2 ডি গেমস / অ্যাপ্লিকেশনের জন্য 2 ডি-ক্যানভাসের পরিবর্তে ওয়েবজিএল ব্যবহার করার জন্য পারফরম্যান্স বাদে কোনও কারণ আছে কি ? অন্য কথায় 2G- ক্যানভাসের সাহায্যে ওয়েবজিএল দ্বারা 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: 0; z-index: 1;"></canvas> </div> তবে আমি উভয় …

107 css  html5-canvas