在web頁面上，想要畫出乙個圓形，方法有很多，svg、canvas都可以繪圖。但是本文不採用這兩種方式，而是使用乙個div。div一般是乙個矩形，但是如果設定乙個圓角樣式border-radius就可以將div變成圓形。
圓的位置需要在畫布中絕對定位（position: absolute），也就是通過設定x、y座標在定位，對應的css樣式是left、top。想要圓的絕對定位起效，畫布就要設定position:relative。
通過以上原理，可以用jquery實現這樣乙個互動：用滑鼠在畫布上按下左鍵拖動的方式來繪製圓，圓心是滑鼠按下的位置，滑鼠左鍵鬆開圓繪製完成。
至於實心圓、空心圓，還是透明的圓形，都可以通過css樣式來控制，例如只設定border就是空心圓，設定background-color就是實心圓，設定opacity就是透明。
同樣的原理，除了圓形之外，還可以畫出矩形、正方形，實現難度都比畫出圓形要簡單的多，大家請自行腦補。
Web頁面上的控制項
web頁面，即 aspx檔案 頁面的根目錄下，分為了5部分 0 1 2 3 4 內容依次為 0 1 2 3 4 所以，在遍歷所有頁面上的控制項的時候，就在this.controls 3 中找.問題 遍歷web頁面上所有的textbox，並全部設定為1111 protected void btn cl...
獲取php頁面上的元素,js獲取元素在頁面的位置
很多時候，我們需要獲取元素在頁面的位置 我們需要明白的是 元素在頁面的位置 該元素相對瀏覽器視窗的位置 瀏覽器滾動條的值 我們可以先用getboundingclientrect 方法來獲得某個元素相對瀏覽器視窗的位置 這個方法返回的是乙個物件，即object，該物件具有4個屬性 top，left，r...
js在web繪製在頁上的圓
在web頁，要畫乙個圓。有很多方法，svg canvas我們能夠得出。但文章沒有使用這兩種方法，但使用的div。div通常乙個矩形。但是，假設乙個圓形的樣式設定border radius有可能div變圓。回合職位要求在畫布上絕對定位 position absolute 也就是通過設定x y座標在定位...