課堂小計

時間 2019-11-14

標籤課堂小計简体版

原文原文鏈接

　　　　　　　　　　　　　　　　　　　　　　　　　　　　　元素
html

要點1：html元素是指開始標籤到結束標籤的全部代碼，包括標籤。而元素的內容是開始標籤到結束標籤之間的內容。<br>是沒有內容的空元素，空元素在開始標籤就關閉了，不過將來建議寫成<br/>二者效果同樣。標籤擁有屬性：<a href="www."></a>。屬性老是在開始標籤中規定：name=value；好比href=「www.」這是a標籤的href屬性。<h1 align="center"></h1>;這是h1標籤的對齊方式align屬性，屬性值是center居中對齊。<body bgcolor="yellow"></body>一樣背景顏色屬性。class，id，style，title屬性常常用到，其中title屬性是當鼠標移到元素內容上時會顯示的信息。<hr/>標籤是分割線，別和<br/>換行符搞混。記住：HTML 代碼中的全部連續的空行（換行）也被顯示爲一個空格。文本格式有不少：http://www.w3school.com.cn/html/html_formatting.asp瀏覽詳細。大體有：文本格式化（包含斜體，變大，變小，上標（上移）下移等等）。預格式文本<pre></pre>保留代碼樣式。刪除字下劃線等等。
spa

接下來是重點內容：畫布.net

1.con.fillStyle = "red"，con.fillRect(0, 0, 100, 100);con.fillStyle = "rgba(255,0,0,0.2)";定義填充的顏色。（其中0.2是透明度0-1愈來愈明顯，大於1爲全顯示，小於0爲全透明）orm

同理con.strokeStyle = "blue";定義外框的顏色。通常寫在要定義的內容上面纔有效好比：htm

con.fillStyle = "red";
con.strokeStyle = "blue";
con.fillRect(0, 120, 100, 100);
con.strokeRect(120, 120, 100, 100);blog

con.clearRect(50, 50, 240, 120);是清楚畫布的像素，至關因而在畫布上畫一個空白區域it

context.arc(x,y,r,sAngle,eAngle,counterclockwise);畫一個弧線，一般用來畫圓

例如：con.beginPath();
con.arc(200, 150, 100, 0, Math.PI * 1.5, false);
/*con.closePath();*/
con.fillStyle = 'rgba(0,255,0,0.25)';
con.stroke()form

con.closePath()class

x，y是圓心座標。r圓的半徑單位像素。sAngle和eAngle分別是初始角度和結束角度，右邊水平爲0°。counterclockwise是順逆時針，ture爲逆時針，false爲順時針。bfc

上面的例子填充的是綠色，可是圓的方法爲stroke畫線，因此顏色無效，爲默認顏色，而且是個沒填充的圓，還缺了90度的線-.-。

con.arc()先後最好是加con.beginPath（）和con.closePath（）否則會有意想不到的圖像出現。

context.strokeStyle = "rgb(250,0,0)";
            context.fillStyle = "rgb(250,0,0)"
            context.lineTo(100, 100);
             context.lineTo(200, 200);
             context.lineTo(200, 100);
             context.moveTo(200, 50);
             context.lineTo(100,50);
             context.stroke();
其中

context.strokeStyle = "rgb(250,0,0)";
            context.fillStyle = "rgb(250,0,0)"至關因而樣式吧，就是顏色。

context.stroke();至關因而方法，用實線仍是用填充。線段都是moveto起點到lineto終點。若是沒有moveto那麼第一個lineto就至關於moveto。
漸變色：

線性漸變 var lg= context.createLinearGradient(xStart,yStart,xEnd,yEnd)

線性漸變顏色lg.addColorStop(offset,color)

context.fillStyle = g1;

context.fillRect(0, 0, 400, 300);

xStart,yStart,xEnd,yEnd分別是漸變色的起點xy和終點xy。offset偏移量，理解（範圍0-1，假設偏移量爲0.5，那麼紅變藍只佔了一半，後面一半全是藍色）。後面兩個公式就至關因而把這個漸變應用到下面那個400*300的矩形填充框裏面，固然設爲stroke就是矩形邊框。更多詳情參考　　　　　　　　　　　　　　　　　　　　　　http://blog.csdn.net/clh604/article/details/8536059

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。