亚洲区国产区激情区无码区,国产成人mv视频在线观看,国产A毛片AAAAAA,亚洲精品国产首次亮相在线

HTML 參考手冊(cè)

HTML 標(biāo)簽大全

HTML canvas arcTo() 方法

arcTo() 是 Canvas 2D API 根據(jù)控制點(diǎn)和半徑繪制圓弧路徑,使用當(dāng)前的描點(diǎn)(前一個(gè)moveTo或lineTo等函數(shù)的止點(diǎn))。根據(jù)當(dāng)前描點(diǎn)與給定的控制點(diǎn)1連接的直線,和控制點(diǎn)1與控制點(diǎn)2連接的直線,作為使用指定半徑的圓的切線,畫出兩條切線之間的弧線路徑。

HTML canvas 參考手冊(cè)

在線示例

在畫布上創(chuàng)建介于兩個(gè)切線之間的?。?/p>您的瀏覽器,不支持HTML5 canvas標(biāo)簽.

JavaScript:

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>菜鳥教程(cainiaoplus.com)</title> 
</head>
<body>
<script>
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.beginPath(); 
ctx.moveTo(20,20);           // 創(chuàng)建起始點(diǎn)
ctx.lineTo(100,20);          // 創(chuàng)建水平線 
ctx.arcTo(150,20,150,70,50); // 創(chuàng)建弧
ctx.lineTo(150,120);         // 創(chuàng)建垂直線
ctx.stroke();                // 畫出來(lái)
</script>
</body>
</html>
測(cè)試看看 ?/?

瀏覽器兼容性

IEFirefoxOperaChromeSafari

定義和用法

arcTo() 方法在畫布上的兩個(gè)切線之間創(chuàng)建弧/曲線。

提示:請(qǐng)使用 stroke() 方法在畫布上繪制確切的弧。

JavaScript 語(yǔ)法:context.arcTo(x1,y1,x2,y2,r);

參數(shù)值

 
參數(shù)描述
x1兩切線交點(diǎn)的橫坐標(biāo)。
y1兩切線交點(diǎn)的縱坐標(biāo)。
x2第二條切線上一點(diǎn)的橫坐標(biāo)。
y2第二條切線上一點(diǎn)的縱坐標(biāo)。
r弧的半徑。

其中第一條線上的任意一點(diǎn)的橫縱坐標(biāo)為上一次點(diǎn)的位置,此示例中為 100,20。由 (x1,y1),(x2,y2),(100,20) 三點(diǎn)可確定兩條直線的位置再由半徑確定弧的位置。


HTML canvas 參考手冊(cè)