HTML沒有實現(xiàn)矩形的標簽，可以借助CSS來完成使用CSS3的borderradius屬性，即可完成圓角矩形borderradius屬性的具體用法如下borderradius 屬性是一個簡寫屬性，用于設置四個 border*radius 屬性默認值0 繼承性n；沒有什么實際用途，只是實現(xiàn)繪制矩形和拖拽功能jQuery Ruler 寫在空間，有演示，有興趣可以看一下04dbaf39d226e8f1e7bb7ab8 lt！DOCTYPE htmllthtmlltheadltmeta charset=quotgb2312quot lt。

3 使用代碼使用編程語言和庫，如HTMLCSSJavaScriptProcessing等，可以通過代碼來畫出矩形，并且可以動態(tài)地調(diào)整尺寸和樣式例如，在HTML中，可以使用``元素和CSS來畫矩形```style=quotwidth 100px height 50px；可使用Graphics 的fillRect繪制正方形，代碼如下import import import public class Rect extends JFrameRectsetSize300， 300setDefaultCloseOperationJFrame。

有好多方法我這里用table的方法，你參考一下lthead ltmeta。

html怎么創(chuàng)建矩形

選擇矩形工具，在畫布拉動畫矩形，然后選擇文字工具點擊矩形邊框，就可以輸入文字了，要是不想要矩形邊框可以改變透明或填充來隱藏矩形或者開始的時候用選區(qū)工具也可。

1根據(jù)后端返回的圖片list，生成canvas畫布， 2把圖片畫到canvas里面，再根據(jù)后端返回的坐標，在canvas里畫矩形框 此項目中，后端返回的坐標是基于縮略圖的，但是前端渲染在頁面上的圖片，會按寬為788px來顯示。

方案在canvas上畫矩形，然后設置畫筆為實心就可以了代碼示例ltpre t=quotcodequot l=quotjavaquotpaintsetStyleStyleFILL實心矩形框 paintsetColorColorRED 顏色為紅色 canvasdrawRectnew RectF10， 10。

用canvas，畫矩形的方法是rect，四個參數(shù)就是輸入的四個坐標，當然也可以用畫線段的方式畫出來旋轉的話canvas也支持rotate方法，參數(shù)是45deg就可以了，跟CSS3差不多的使用方法。

這邊百度了一段代碼，請保存為html文件測試 lthtml ltbody ltcanvas id=quotmyCanvasquotyour browser does not support the canvas tag ltcanvas ltscript type=quottextjavascriptquot var canvas=documentgetElementById#39my。

第一段是畫板代碼第二段是拖動和點擊的代碼 想畫之后再拖動好麻煩，我地方法只能是記住畫的矩形坐標之后判斷鼠標點擊點再坐標內(nèi) 就拖動畫板，太麻煩了，如果找到好的方法貼出來lt！DOCTYPE HTML lthtml lthead ltmeta。

首先進入畫矩形的模式，具體方法如下 方法1在已知方形兩對角坐標的情況下，輸入任意一個對角線端點的坐標，橫縱坐標使用逗號“，”分隔注意使用英文的標點，按Enter輸入，然后再輸入對角線另外頂點的坐標，按Enter輸入。

lt！ ltstyle lthead ltbody ltdiv style=quotborder 1px solid # height100px width200pxquot ltpf4522ltp ltpltp ltp2ltp ltpltp ltdiv ltbody lthtml。

點擊工具欄上“繪圖”鍵，在繪圖工具欄上點擊“矩形”形，一般我會按Esc鍵去掉畫布框，再按著鼠標左鍵在文檔中畫出所要的矩形，可以按上面方法再在矩形中畫出兩個小矩形，也可以按住Ctrl鍵，點先畫的矩形，復制出一。

html5canvas畫矩形

1首先需要新建文件并創(chuàng)建畫布2接下來開始定義函數(shù)獲取畫布3然后可以獲取上下文4接著需要設置填充矩形的顏色5接下來開始設置邊框顏色和邊框?qū)挾?最后開始繪制填充矩形和邊框矩形7最后輸出完成圖，可。

5在新畫布當中，按住鼠標畫出矩形框，接著點右鍵選擇添加文字就可以在里面添加文字了6可按照步驟5，做好所需的框圖其他各部分7下來開始連接，依次點擊“自選圖形”“連接”，在右邊出現(xiàn)的各種樣式的連接線中。