|
|
一切矢量圖的根本____1*1px的點
如果對CSS有一定的了解，對 clip:rect(top,right,bottom,left)熟悉的話，可以知道，代碼剪輯出一個區域，需要注意的是，clip:rect中的四個邊的位置是相對于對象的而不是相對于窗口的，另外在此position必須為absolute。
<div style="position:absolute;width:1px;height:1px;background-color:red; clip:rect(0,1,1,0);"></div>可以畫出一個紅色的點
算法能成圖的根本____在特定位置畫點
通過css的 left和top，在特定一個位置畫圖，將算法實現成可見圖形的根源可以解決，如下這段代碼可以在(100,100)的坐標位置畫一個1*1px的紅點
<div style="position:absolute;left:100px;top:100px;width:1px;height:1px;background-color:red; clip:rect(0,1,1,0);"></div>
成為有生產力代碼的根本___抽象、精簡
（如果只是上面一行代碼，著實沒有什么好研究的，相反如果把最根本的能很好的抽象出來，就大不一樣了），
上面的一行代碼其實可以抽象成，在特定坐標點上(x，y),畫一個高度為h,寬度為w的區域，并且畫筆的顏色為color，為了更方便利用，可以精煉成如下方法：
復制代碼 代碼如下:
function _mkDiv(x, y, w, h,color)
{
'<div style="position:absolute;'+
'left:' + x + 'px;'+
'top:' + y + 'px;'+
'width:' + w + 'px;'+
'height:' + h + 'px;'+
'clip:rect(0,'+w+'px,'+h+'px,0);'+
'background-color:' + color +
';"><//div>';
}
JavaScript技術：javascript CSS畫圖之基礎篇，轉載需保留來源！
鄭重聲明：本文版權歸原作者所有，轉載文章僅為傳播更多信息之目的，如作者信息標記有誤，請第一時間聯系我們修改或刪除，多謝。
