JavaScript CSS 描画の基礎_JavaScript スキル

第一に、グラフィック表示のスタイル、つまりグラフィックの色、透明度などです。第二に、アルゴリズム、つまり、単純な線、長方形、円、扇形、多角形などのグラフィックの外観です。 JavaScript と CSS は間違いなく最高のパートナーです。ベクター グラフィックスの最も基本的な要素は 1*1 ピクセルの点であり、これを線、面、または任意の形状に形成できます。
すべてのベクター グラフィックスの基礎____1*1px ポイント
CSS をある程度理解し、clip:rect(top,right,bottom,left) に精通していれば、コードが領域をクリップしていることがわかるでしょう。また、clip:rect の 4 つの辺の位置は、ウィンドウに対してではなく、オブジェクトに対して相対的であることに注意してください。

描画 赤い点を描画します
アルゴリズムが絵を形成できる根本的な理由は、特定の位置に点を描画することです
CSSの左と上を使用して特定の位置に絵を描画する根本原因アルゴリズムを視覚的な図に実現する方法は次のように解決できます。 このコードは、(100,100)

上記のコード行。実際には、特定の座標点 (x, y) に高さ h、幅 w の領域を描画し、ブラシの色をより使いやすくするために調整することができます。次のメソッドに追加します:

コードをコピーします コードは次のとおりです:

function _mkDiv(x , y, w, h,color)

{
'

';
}