Canvas入門篇（一）

html5的核心功能canvas

一、 使用canvas畫圖的前提是先在html5網頁中使用canvas定義乙個 畫布；

瀏覽器不支援canvas提示語

id為canvas標識id，canvas畫布寬度高度，單位px;

在js中呼叫canvas api，在定義的畫布中繪畫要先用js獲取canvas物件；

var c = document.getelementbyid(「mycanvas」)

c即為mycanvas物件

獲得mycanvas物件的2d渲染上下文

var ctx = c.getcontext("2d");

了解座標x,y 左上角為0,0；x向右為+正，y向下為+正；

顏色，用rgb、16進製制字元、顏色關鍵字如red，black等；

五

（1）畫直線。

ctx.beginpath(); //呼叫beginpath()方法，開始繪畫；

ctx.moveto(x,y)；//呼叫moveto()方法將座標移至直線起始點；（x和y為 起為點座標）
ctx.lineto(x,y);//呼叫lineto()方法繪製直線；（x和y為終點座標）
ctx.stroke();//呼叫stroke()方法繪製圖形邊界輪廓，關閉繪圖路徑；

（2）畫三角形

(3)畫圓形or圓弧

arc(

x ,

y ,

r ,

sangle

,eangle

,counterclockwise

);x 圓中心 x 座標。

y 圓中心 y 座標。

r 圓半徑。

sangle 起始角，以弧度計。（弧的圓形的三點鐘位置是 0 度）。

eangle 結束角，以弧度計。圓的結束角度為2*math.pi;(math.pi 代表π，也就是3.1415926,1π=180°，2π=360°)

counterclockwise 可選引數。false = 順時針畫圖，true = 逆時針畫圖。

（4）畫矩形

rect(x,y,width,height);矩形左上角x,y座標；矩形寬度，矩形高度；

strokerect(x,y,width,height);同上，與rect不同是，不需要呼叫beginpath和strok方法即可畫圖；

fillrect(x,y,width,height);字面意思很好理解，fill填充，同上strokerect，預設填充黑色；fillstyle可指定填充圖形內顏色；如ctx.fillstyle="red";

clearrect(x,y,width,height);clear清除，清除左上x,y座標 ，寬度，高度 的矩形；

未完待續......

HOOK API入門篇 一

windows系統是建立在事件驅動的機制上的，說穿了就是整個系統都是通過訊息的傳遞來實現的。而鉤子是windows系統中非常重要的系統介面，用它可以截獲並處理送給其他應用程式的訊息，來完成普通應用程式難以實現的功能。鉤子可以監視系統或程序中的各種事件訊息，截獲發往目標視窗的訊息並進行處理。這樣，我們...

Python入門篇（一）

對了，入門篇都是python3.6的，其實只要有其它物件導向的經驗，看一遍就ok了，如果沒有基礎的朋友，可就得多寫幾遍嘍，理解物件的用法，未完待續 一 概念 類 用來描述具有 相同屬性和方法的物件的集合 二 命名方式 1 類名大駝峰 2 方法名小駝峰 3 嚴格區分大小寫 三 類的定義 class c...

一 Ansible入門篇

ansible是乙個自動化運維的工具 基於python語言編寫，因此機器需要具備python環境。通過ssh的連線方式進行自動化部署，ansible優先使用openssh,在使用python模組裡的paramiko作為ssh工具 優點 1.入門快速，簡單上手 2.基於python語言 3.無 基於s...