原创 教你如何用Canvas繪製整身的哆啦A夢
教你如何用Canvas繪製整身的哆啦A夢 上牌你文章我們說到了如何使用canvas繪製哆啦A夢，但當時只是繪製了哆啦A夢的頭部，之後有學員留言說可不可以教大家繪製整身的哆啦A夢，想了想，決定安排一下。如圖： HTML代碼：
2020-06-16 05:53:40
1
原创 HTML5的學習之新增元素
HTML5的學習之新增元素 這篇文章學習一下HTML5新增的元素及瀏覽器的兼容 標籤 描述 <article> 定義頁面獨立的內容區域。 <aside> 定義頁面的側邊欄內容。 <bdi> 允許您設置一段文本
2020-06-16 05:53:40
原创 HTML5的學習之canvas畫布(二)
HTML5的學習之canvas畫布 這篇文章我麼繼續學習canvas畫布。學習學習canvas畫布線條的顏色，漸變，陰影等屬性和方法。 屬性 1.顏色屬性 屬性 描述 fillStyle 設置或返回用於填充繪畫的顏色
2020-06-16 05:53:40
原创 HTML5的學習之媒體元素
HTML5的學習之媒體元素 前幾篇博客我們將HTML5中的canvas畫布元素進行了講解，接下來開始學習其他的HTML5新元素。這篇就博文主要講解HTML5中的媒體元素 <video> 和 <audio> 。 HTML代碼：
2020-06-16 05:53:40
原创 HTML5的學習之表單元素
HTML5的學習之表單元素 這篇博客我們繼續對HTML5進行學習,主要講解HTML5的表單元素相關的內容。 1.input元素新增的類型 type類型 描述 color 選色板 month 月份 week 周
2020-06-16 05:53:40
原创 HTML5的學習之canvas畫布(一)
HTML5的學習之canvas畫布 前面幾篇博客我們一直在講如何使用canvas繪製一下圖片，但是沒有講過canvas如何使用，都有哪些屬性，方法等。今天我們就來講一講canvas的有關屬性和方法。 HTML5 標籤用於繪製圖
2020-06-16 05:53:40
原创 HTML5的學習之canvas畫布(五)
HTML5的學習之canvas畫布 canvas其他剩餘的方法和屬性。 轉換 方法 描述 scale() 縮放當前繪圖至更大或更小。 rotate() 旋轉當前繪圖。 translate() 重新映射畫布上的
2020-06-16 05:53:40
原创 HTML5的學習之canvas畫布(三)
HTML5的學習之canvas畫布 上篇博客主要講解了canvas線條有關的一些屬性和方法。這篇文章我們繼續學習canvas有關圖形繪製的方法。 1.矩形 方法 描述 rect() 創建矩形。 fillRect(
2020-06-16 05:53:40
原创 HTML5的學習之canvas畫布(四)
HTML5的學習之canvas畫布 這篇博客繼續學習canvas的文字相關屬性和方法。 屬性 屬性 描述 font 設置或返回文本內容的當前字體屬性。 textAlign 設置或返回文本內容的當前對齊方式。
2020-06-16 05:53:40
原创 教你如何利用canvas畫布繪製哆啦A夢
教你如何利用canvas畫布繪製哆啦A夢 最近一直在練習使用canvas畫布標籤，今天教大家如何使用canvas畫布繪製哆啦A夢。如圖： HTML代碼： <canvas id="my_canvas"></canvas> CS
2020-06-13 06:46:00
原创 史上最詳細的使用canvas繪製五星紅旗的方法
史上最詳細的使用canvas繪製五星紅旗的方法 昨天我們在課堂上講到了HTML5中的canvas標籤，canvas標籤用於繪製圖像（通過腳本，通常是 JavaScript）。當天佈置的作業就是利用canvas畫布繪製五星紅旗。如圖
2020-06-13 06:46:00
原创 瀏覽器同步發送請求之form表單提交數據
瀏覽器同步發送請求之form表單提交數據 上篇就文章我們講到了同步和異步的區別，這次主要說一下在網頁中如何提交同步的請求，答案就是通過form表單提交請求。 1.GET請求 HTML代碼： <form action="ge
2020-06-13 06:46:00
原创 詳細解析Ajax的使用之向服務器發送GET請求
詳細解析Ajax的使用之向服務器發送GET請求 前面一篇博客我們講到了如何使用form表單像服務器發送請求，但是請求方式是同步的，效率太低，現在我們講一下如何使用Ajax的技術向服務器發送異步請求。 HTML代碼： <h1
2020-06-13 06:46:00
原创 詳細解析Ajax的使用之向服務器發送GET請求
詳細解析Ajax的使用之向服務器發送GET請求 上篇文章講的如何使用Ajax發送get請求，這篇文章說如何使用Ajax發送post請求。 HTML代碼： <h1>ajax的post請求</h1> <button i
2020-06-13 06:46:00
原创 詳細解析JavaScript中的全局屬性和方法
詳細解析JavaScript中的全局屬性和方法 今天來補充JavaScript中的最後一部分內容，JavaScript中的全局屬性和方法(函數)。 1.全局屬性 // 屬性 // Infinity 代表正的無窮
2020-06-13 06:46:00