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

3 使用代碼使用編程語(yǔ)言和庫(kù)，如HTMLCSSJavaScriptProcessing等，可以通過代碼來畫出矩形，并且可以動(dòng)態(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)建矩形

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

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

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

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

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

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

首先進(jìn)入畫矩形的模式，具體方法如下 方法1在已知方形兩對(duì)角坐標(biāo)的情況下，輸入任意一個(gè)對(duì)角線端點(diǎn)的坐標(biāo)，橫縱坐標(biāo)使用逗號(hào)“，”分隔注意使用英文的標(biāo)點(diǎn)，按Enter輸入，然后再輸入對(duì)角線另外頂點(diǎn)的坐標(biāo)，按Enter輸入。

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

點(diǎn)擊工具欄上“繪圖”鍵，在繪圖工具欄上點(diǎn)擊“矩形”形，一般我會(huì)按Esc鍵去掉畫布框，再按著鼠標(biāo)左鍵在文檔中畫出所要的矩形，可以按上面方法再在矩形中畫出兩個(gè)小矩形，也可以按住Ctrl鍵，點(diǎn)先畫的矩形，復(fù)制出一。

html5canvas畫矩形

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

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