HTML canvas arcTo() 方法

定义和用法

arcTo() 方法在画布上创建介于两个切线之间的弧/曲线。

提示:请使用 stroke() 方法在画布上绘制确切的弧。

实例

在画布上创建介于两个切线之间的弧:

Your browser does not support the HTML5 canvas tag.

JavaScript:

var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.beginPath();
ctx.beginPath();
ctx.moveTo(20,20);           // 创建开始点
ctx.lineTo(100,20);          // 创建水平线
ctx.arcTo(150,20,150,70,50); // সৃষ্টি করুন ধারা
ctx.lineTo(150,120);         // সৃষ্টি করুন বৃত্তাকার রেখা
ctx.stroke();                // চিত্রিত করুন

স্বয়ংক্রিয়ভাবে প্রয়োগ করুন

সিন্থেক্স

context.fillRect(x1,y1,x2,y2,r);

পারামিটার মান

পারামিটার বর্ণনা
x1 ধারার ভাবের x অক্ষের সংকেত
y1 ধারার ভাবের y অক্ষের সংকেত
x2 ধারার শেষের x অক্ষের সংকেত
y2 ধারার শেষের y অক্ষের সংকেত
r ধারার ব্যাস

ব্রাউজার সমর্থন

টেবিলের সংখ্যা প্রথম উপযোগী এই অপারেটরের সংস্করণকে উল্লেখ করে

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
4.0 9.0 3.6 4.0 10.1

মন্তব্য:Internet Explorer 8 এবং তার আগের সংস্করণগুলি <canvas> এলিমেন্টটি সমর্থন করে না。