Compare Revisions

Canvas এর মৌলিক ব্যবহার

Revision 511275:

Revision 511275 by mahmudtamim on

Revision 512775:

Revision 512775 by shafiul on

Title:
Canvas এর মৌলিক ব্যবহার
Canvas এর মৌলিক ব্যবহার
Slug:
Web/Guide/HTML/Canvas_tutorial/Basic_usage
Web/Guide/HTML/Canvas_tutorial/Basic_usage
Tags:
"NeedsReview"
"NeedsReview"
Content:

Revision 511275
Revision 512775
n8      The <code>&lt;canvas&gt;</code> elementn8      <code>&lt;canvas&gt;</code> এলিমেন্ট
n11      {{HTMLElement("canvas")}} element এর দিকে লক্ষ্য রেখে চলুন n11      {{HTMLElement("canvas")}} বিষয়ে আমাদের আজকের টিউটোরিয়াল চলু
>টিউটোরিয়াল শুরু করা যাক ।>ন শুরু করা যাক।
n17      <span id="result_box" lang="bn"><span class="hps">এটি অনেকটn17      <span id="result_box" lang="bn"><span class="hps">এটি অনেকট
>া</span> <span class="hps">&lt;img&gt;</span> <span class="hps">e>া</span> <span class="hps">&lt;img&gt;</span> <span class="hps">e
>lement এর</span> <span class="hps">মত,</span> <span class="hps">শ>lement এর</span> <span class="hps">মত,</span> <span class="hps">শ
>ুধু পার্থক্য হল</span> <span class="hps">এটি</span>র <span class=>ুধু পার্থক্য হল</span> <span class="hps">এটি</span>র <span class=
>"hps">src</span> <span class="hps">এবং</span> <span class="hps">a>"hps">src</span> <span class="hps">এবং</span> <span class="hps">a
>lt</span> <span class="hps">গুণাবলী</span> <span class="hps">নেই<>lt</span> এট্রিবিউট <span class="hps">নেই</span>&nbsp;</span> । <
>/span>&nbsp;</span> । <code>&lt;canvas&gt;</code> element এর মাত্>code>&lt;canvas&gt;</code> element এর মাত্র দুইটা এট্রিবিউট আছে -
>র দুইটা ধর্ম আছে - <strong>width</strong> এবং <strong>height</str> <strong>width</strong> এবং <strong>height</strong> - দুটো ঐচ্ছি
>ong>. এগুলা উভয়ই optional এবং <a href="/en-US/docs/DOM" rel="int> এবং <a href="/bn-BD/docs/DOM" rel="internal" title="en/DOM">DOM
>ernal" title="en/DOM">DOM</a> properties ব্যবহার করে নির্ধারণ করা></a> প্রোপার্টি ব্যবহার করে নির্ধারণ করা যায় । যখন কোন width এবং 
> যায় । যখন কোন width এবং height <span id="result_box" lang="bn"><>height <span id="result_box" lang="bn"><span class="hps">বৈশিষ্ট্
>span class="hps">বৈশিষ্ট্য</span> <span class="hps">উল্লেখ</span>>য</span> <span class="hps">উল্লেখ</span> <span class="hps">করা হয
> <span class="hps">করা হয়</span></span>, canvas স্বয়ংক্রিয়ভাবেই >়</span></span> না, canvas স্বয়ংক্রিয়ভাবেই <strong>300 pixels</st
><strong>300 pixels</strong> wide এবং <strong>150 pixels</strong> >rong> দৈর্ঘ্যের এবং <strong>150 pixels</strong> উচ্চতার হয়ে যাবে 
>high এর হয়ে যাবে । এই element কে&nbsp; <a href="/en-US/docs/Web/C>। এই element কে&nbsp; <a href="/bn-BD/docs/Web/CSS" rel="internal
>SS" rel="internal" title="en/CSS">CSS</a> <span id="result_box" l>" title="en/CSS">CSS</a> <span id="result_box" lang="bn"><span cl
>ang="bn"><span class="hps">দ্বারা</span> <span class="hps">ইচ্ছাম>ass="hps">দ্বারা</span> <span class="hps">যেকোন আকারে/সাজে ৈরি 
></span> <span class="hps">মাের</span> <span class="hps">হতে পার>করা যেতে</span> <span class="hps">পারে</span></span>, <span id="r
>ে</span></span>, <span id="result_box" lang="bn"><span>কিন্তু</sp>esult_box" lang="bn"><span>কিন্তু</span> <span class="hps">রেন্ডা
>an> <span class="hps">ইমেজ</span> <span class="hps">রেন্ডারিং</sp>রিং</span> <span class="hps">সময়</span> <span class="hps">এটার ল
>an> <span class="hps">সময়</span> <span class="hps">তার</span> <s>ে-আউট এ যেন ফিট হে পারে সেভাবেই একে দেখানো হ</span></span>
>pan class="hps">বি্যাস</span> <span class="hps">আকার অনুযায়ী</s 
>pan> <span class="hps">ছট</span> <span class="hps">করা হয়</span 
>></span>  
n21        <strong>Note:</strong> If your renderings seem distorted,n21        <strong>খেয়াল করুন:</strong> যদি রেন্ডারিং করার সময় কোন স
> try specifying your <code>width</code> and <code>height</code> a>মস্যা হয়, CSS ব্যবহার না করে সরাসরি&nbsp; <code>&lt;canvas&gt;</c
>ttributes explicitly in the <code>&lt;canvas&gt;</code> attribute>ode> এর&nbsp; <code>width</code> <code><em>এবং</em> height</code>
>s, and not using CSS.> এট্রিবিউট ব্যবহার করুন।
n76      <h2 id="Required_&lt;.2Fcanvas&gt;_tag">n76      <h2 id=".E0.A6.AA.E0.A7.8D.E0.A6.B0.E0.A6.AF.E0.A6.BC.E0.A7
 >.8B.E0.A6.9C.E0.A6.A8.E0.A7.80.E0.A6.AF.E0.A6.BC_&lt;.2F_canvas&g
 >t;_.E0.A6.9F.E0.A7.8D.E0.A6.AF.E0.A6.BE.E0.A6.97">
t96        <h2 dir="ltr" style="zoom:1">t96        <h2 dir="ltr" id=".E0.A6.B0.E0.A7.87.E0.A6.A8.E0.A7.8D.E0
 >.A6.A1.E0.A6.BE.E0.A6.B0.E0.A6.BF.E0.A6.82_.E0.A6.95.E0.A6.A8.E0.
 >A6.9F.E0.A7.87.E0.A6.95.E0.A7.8D.E0.A6.B8.E0.A6.9F" style="zoom:1
 >">

Back to History