三、 canvas 進階 3.1 Canvas 顏色樣式和陰影 3.1.1 設置填充和描邊的顏色（掌握） fillStyle : 設置或返回用於填充繪畫的顏色 strokeStyle: 設置或返回用於筆觸的顏色 ...

...

前幾章我們學習了矩形、多邊形、圓形、曲線等圖形的繪制，今天來學習下更簡單一些的文本繪制及其各種功能方法。 在canvas中我們可以通過 strokeText() 和 fillText() 來繪制描邊文本或者實心文本： strokeText() 和 fillText() 內均有 ...

今天要介紹的是canvas對圖形對象的操作，包括圖像、視頻繪制，和操作像素對象的方法。 圖片/視頻的繪制 在canvas中，我們可以通過 drawImage() 的方法來繪制圖片或視頻文件，其語法為： ctx.drawImage( img, clip_x, clip_y, clip_w ...

已經第六章了，也差不多接近尾聲，如果你從第一章耐心follow到本章結束，那你便能掌握canvas的大部分知識點（當然如果要精通，還是得多靠練習，做一些小案例）。 今天我們要學習的是canvas的變形轉換方法。 縮放方法scale() 在canvas中，如果我們需要縮放當前繪圖對象 ...

canvas是定義在瀏覽器上的畫布。它不僅僅是一個標簽元素更是一個編程工具是一套編程的接口。利用它可以開發出很多東西，比如動畫，游戲，動態的圖表等富有變現力和感染力的應用。還可以開發出絢麗的3D動態效果。接下來我們一起學習！ 一、 創建canvas 看一下現在的效果 ...

這是本系列的最后一篇入門文章，主要是對剩余的未說明的canvas方法來逐個介紹。 首先，如果你是一名擅長矢量設計的設計師，對Illustrator或者Fireworks很熟悉的話，那你肯定知道它們有一個很強大的矢量混合處理功能，可以對多個矢量路徑進行“合並”、“拆分”、“結合”、“相交”等系列 ...

周老虎落網的時候，網易跟騰訊都推出了牛逼轟轟的HTML5頁面來展示其關系網（網易http://news.163.com/special/data_zyk/ ，騰訊http://news.qq.com/zt2014/zykgxw/index.htm），查看這倆頁面，都是通過H5中canvas強大 ...