キャンバスキャンバス環境を作成する方法

1. Webページでキャンバスキャンバスは、あなたがHTMLでキャンバスのタグを追加する必要があるため。 

<！DOCTYPE HTML > 
< HTML LANG = "EN" > 
< 頭> 
    < メタ文字コード= "UTF-8" > 
    < タイトル>ドキュメント</ タイトル> 
</ ヘッド> 
< 身体> 
    <！ - 创建一个300ピクセル宽、高300ピクセル的画布环境- > 
    < キャンバスID = "C1" 幅= "300" 高さ= "300" > </ キャンバス> 
</ ボディ> 
<

 

2.私たちは、あなたがjsのを制御するために必要な、キャンバス内のグラフィックスを描画し、キャンバスを制御する必要があります。 

<！DOCTYPE HTML > 
< HTML のlang = "EN" > 
< ヘッド> 
    < メタのcharset = "UTF-8" > 
    < タイトル>ドキュメント</ タイトル> 
</ ヘッド> 
< ボディ> 
    < キャンバスID = "C1" 幅= "300 " 高さ=" 300" > </ キャンバス> 
    < スクリプト> 
        のvar キャンバス= ドキュメント。）;
        VaRのCTX = canvas.getContext（" 2D " ）。
        CTX instanceofはCanvasRenderingContext2D。// 真
    </ スクリプト> 
</ ボディ> 
</ HTML >

 

上記二つのステップの完了後にキャンバス（キャンバス）環境最初に考えることができます。