কম্পিউটার টিউটোরিয়াল

URL থেকে ইমেজ লোড করে HTML5 ক্যানভাসে আঁকা

আপনাকে জাভাস্ক্রিপ্টে একটি ইমেজ অবজেক্ট তৈরি করতে হবে এবং তারপর src সেট করতে হবে।

তবে, আপনাকে ড্র করার আগে load ইভেন্টের জন্য অপেক্ষা করতে হবে।

নিচেরটি ক্যানভাস:

var canvas = document.getElementById("myCanvas"); var context = canvas.getContext("2d"); var myImg = new Image(); img.onload = function() {    context.drawImage(myImg, 0, 0); }; img.src = 'https://www.tutorialspoint.com/images/seaborn-4.jpg?v=2';

  1. অ্যান্ড্রয়েডে URL থেকে ইমেজ ডাউনলোড ও সংরক্ষণ করা

  2. HTML5-এ drawImage() মেথড ব্যবহার করে ইমেজ আঁকা

  3. HTML5 Canvas-এ আয়তক্ষেত্র কীভাবে আঁকবেন?

  4. HTML5 Canvas-এ SVG ফাইল কীভাবে আঁকবেন?