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...