คู่มืออ้างอิงอิเล็กทรอนิกส์ฮ์ HTML Canvas
คู่มืออ้างอิงอิเล็กทรอนิกส์ฮ์ HTML Canvas
HTML <canvas> ট্যাগটি স্ক্রিপ্ট (সাধারণত JavaScript) দ্বারা গ্রাফিক্স ড্রাইংকর্মকারী হিসাবে ব্যবহৃত হয়。
HTML Canvas সম্পর্কে আরও তথ্য জানতে, আমাদের HTML Canvas ট্যুটোরিয়াল পড়ুন。
লাইন শৈলী
| ատրիբուտ |
նկարագրություն |
| lineCap |
লাইনের শেষ পয়েন্টের শৈলী সংযোজন করুন |
| lineJoin |
দুই লাইন মিলিত হওয়ার সময় যে ধরনের কোণ তৈরি হবে তা সংযোজন করুন |
| lineWidth |
বর্তমান লাইন পথটির পথলম্ব পরিমাণ সংযোজন করুন |
| miterLimit |
সর্বোচ্চ স্লোপ পরিমাণ সংযোজন করুন |
ক্ষেত্র
| մեթոդ |
նկարագրություն |
| rect() |
একটি ক্ষেত্র তৈরি করুন |
| fillRect() |
পূর্ণ রেখা আঁকুন |
| strokeRect() |
ক্ষেত্রটিতে মুক্ত রেখা আঁকুন (পূর্ণ নয়) |
| clearRect() |
নির্দিষ্ট পিক্সেলকে দিয়ে নির্দিষ্ট ক্ষেত্রে মুছে দিন |
পথ
| մեթոդ |
նկարագրություն |
| fill() |
বর্তমান ড্রাইংটি পূর্ণ করুন (পথ) |
| stroke() |
সংজ্ঞিত পথটি আঁকুন |
| beginPath() |
একটি নতুন পথ শুরু করুন বা বর্তমান পথটিকে পুনর্বস্তুত করুন |
| moveTo() |
পথটিকে ক্যানভাসের নির্দিষ্ট পয়েন্টে সরিয়ে নিন, কোনও লাইন তৈরি না করে |
| closePath() |
শুরুতে থাকা পথটি ফিরিয়ে দিতে |
| lineTo() |
একটি নতুন পয়েন্ট যোগ করুন এবং ক্যানভাসে এই পয়েন্ট থেকে শেষ নির্দিষ্ট পয়েন্ট পর্যন্ত একটি লাইন তৈরি করুন |
| clip() |
মূল ক্যানভাস থেকে কোনও আকৃতি ও মাপের অঞ্চল কাটে |
| quadraticCurveTo() |
创建二次贝塞尔曲线 |
| bezierCurveTo() |
创建三次方贝塞尔曲线 |
| arc() |
创建弧/曲线（用于创建圆形或部分圆） |
| arcTo() |
创建两切线之间的弧/曲线 |
| isPointInPath() |
եթուն նշված կետը գտնվում է ներկա ճանապարհում, ապա վերադարձնել true, որպես դա, վերադարձնել false |
տարբերակ
| մեթոդ |
նկարագրություն |
| scale() |
մեծացնել կամ մինչև փոքրացնել ներկա նկարչություն |
| rotate() |
պտտել ներկա նկարչություն |
| translate() |
վերահսկել նկարչության վրա (0,0) դիրքը |
| transform() |
փոխարինել նկարչության ներկա տարբերակը |
| setTransform() |
վերադարձնել ներկա տարբերակը միասնական մատրից |
տեքստ
| ատրիբուտ |
նկարագրություն |
| font |
կառուցել կամ վերադարձնել տեքստի պարունակության ներկա տիպ |
| textAlign |
կառուցել կամ վերադարձնել տեքստի պարունակության ներկա նկարչություն |
| textBaseline |
կառուցել կամ վերադարձնել ներկա տեքստի նախնական բազա |
| մեթոդ |
նկարագրություն |
| fillText() |
նկարչության վրա նկարել “պահպանված” տեքստ |
| strokeText() |
նկարչության վրա նկարել տեքստ (բաց ներկով) |
| measureText() |
վերադարձնել նշված տեքստի լայնություն պարունակող օբյեկտ |
պատկեր նկարչություն
| մեթոդ |
նկարագրություն |
| drawImage() |
նկարչության վրա նկարել պատկեր, նկարչություն կամ վիդեո |
պիքսել օպերացիա
| ատրիբուտ |
նկարագրություն |
| width |
վերադարձնել ImageData օբյեկտի լայնություն |
| height |
վերադարձնել ImageData օբյեկտի բարձրություն |
| data |
վերադարձնել օբյեկտ, որը պարունակում է նշված ImageData օբյեկտի պատկերադրություն |
| մեթոդ |
նկարագրություն |
| createImageData() |
ստեղծել նոր, դաժան ImageData օբյեկտ |
| getImageData() |
վերադարձնել ImageData օբյեկտ, որը պարունակում է նկարչության վրա նշված շրջանի պիքսել տվյալներ |
| putImageData() |
պահպանել պատկերադրությունը նկարչության վրա |
համադրություն
| ատրիբուտ |
նկարագրություն |
| globalAlpha |
կառուցել կամ վերադարձնել ներկա նկարչության ալֆա կամ անջատել գույն |
| globalCompositeOperation |
կառուցել նոր պատկերը կանխադրյալ պատկերի վրա ներկայացում |
այլ
| մեթոդ |
նկարագրություն |
| save() |
պահպանել ներկա միջավայրի վիճակ |
| restore() |
վերադարձել պահպանված ուղի վիճակ և ատրիբուտներ |
| createEvent() |
|
| getContext() |
|
| toDataURL() |
|
