canvas beginPath 的初步理解

2022-05-29 00:48:26 字數 1583 閱讀 2424

canvas的坑真是太大了,w3school上也只是一些簡單的例子,還得自己好好研究下。剛學到beginpath(),意思是開始畫一條線。

來段**

<

html

>

<

head

>

<

title

>canvas

title

>

head

>

<

canvas

id=mycanvas

width

=500px

height

=500px

>

canvas

>

<

script

>

varmycanvas

=document.getelementbyid(

"mycanvas");

varcontext

=mycanvas.getcontext("2d

");context.fillstyle ="

#000";

context.fillrect(0,

0,500,

500);

context.beginpath();

context.moveto(

100,

100);

context.lineto(

200,

100);

context.strokestyle ="

red"

; context.stroke();

context.beginpath();

context.moveto(

100,

200);

context.lineto(

200,

200);

context.strokestyle ="

blue";

context.stroke();

context.beginpath();

context.moveto(

100,

300);

context.lineto(

200,3

00);

context.strokestyle ="

yellow";

context.stroke();

script

>

html

>

在不修改**的前提下,顯示的樣式是會出現紅、藍、黃、三條線

接下來我們注釋第2個stroke(),發現第2根藍線消失了,僅僅顯示紅線和黃線。stroke() 方法會實際地繪製出通過 moveto() 和 lineto() 方法定義的路徑。預設顏色是黑色。

當我們把3個beginpath() 注釋起來,神奇的事情就發生了:依次出現了橙、綠、黃三條線。情況貌似是在沒有beginpath()的情況下,stroke會疊加執行,即:第乙個stroke會畫一條紅線;第二個stroke會畫兩條藍線,第三個stroke會畫三條黃線,那麼對應的上面橙色線條就是紅藍黃的疊加色,中間綠色就是紅和藍的疊加色,最後的黃色,就是黃色。

關於初步使用printf和scanf的理解和感想

關於初步使用printf和scanf的理解和感想 1.printf的使用格式 2.scanf的使用格式 3.使用 錯的地方 4.容易些錯的點 1.printf的使用格式 int a 1 printf this is my first web printf d n a 第乙個printf是直接輸出引號...

深入底層 Hashtable雜湊表的初步理解

概念 雜湊表也叫雜湊表 結構 結構有多種,最流行 最容易理解的是 順序表 鍊錶 主結構 順序表,每個順序表的節點單獨引出乙個鍊錶 1.新增資料 1.計算雜湊碼,使用hashcode 方法,返回值是乙個int型別的值,整數的雜湊碼值是本身 2.計算在雜湊表中儲存的位置 y k x x 11 y 在雜湊...

Batch Normalization的理解體會

網路上對於batch normalization的講解也非常多了,本文主要想記錄下對此的心得體會,並總結下我所理解的bn的優勢。在此先mark一下我認為寫得比較全面的資料 bn的原理 文章1 深度學習 深入理解batch normalization批標準化 bn的 batch normalizati...