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

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

3、HTML沒有實現(xiàn)矩形的標簽，可以借助CSS來完成使用CSS3的borderradius屬性，即可完成圓角矩形borderradius屬性的具體用法如下borderradius 屬性是一個簡寫屬性，用于設置四個 border*radius 屬性默認值0 繼承性。

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

5、3 使用代碼使用編程語言和庫，如HTMLCSSJavaScriptProcessing等，可以通過代碼來畫出矩形，并且可以動態(tài)地調整尺寸和樣式例如，在HTML中，可以使用``元素和CSS來畫矩形```style=quotwidth 100px height 50px。

6、ctxstrokeStyle=quot#000quotctxrect0，0，10，20ctxstrokectxclosePath用closepath結束繪畫，否則可能出現(xiàn)黏連ctxbeginPathctxlineWidth=1ctxstrokeStyle=quot#f00quotctxrect50，0，10，20ctx。

7、ltscript type=quottextjavascriptquot var canvas=documentgetElementById#39myCanvas#39var ctx=canvasgetContext#392d#39ctxfillStyle=#39#FF0000#39ctxfillRect0，0，80，100ltscript ltbody lthtml。

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

9、lt！DOCTYPE html PUBLIC quotW3CDTD XHTML 10 TransitionalENquot quotDTDxhtml1transitionaldtdquot lthtml xmlns=quot lthead ltmeta。

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

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

12、給你發(fā)個鏈接地址，你可以自己在線測試一下下面有詳細的擴展介紹，有助你以后碰到類似的問題的時候明白如何解決BorderRadiushtml 你可以親自來演示一下。

13、1按住Shift鍵畫矩形，是以鼠標的落點為起點畫出正方形的選區(qū)2按住Shift+Alt鍵畫矩形，是以鼠標的落點為中心點畫出正方形選區(qū)。

14、直線命令和多段線命令操作一直，直接輸入長度然后調整方向最后閉合矩形命令設置長與寬都是100正多邊形命令設置邊長為100。

15、1首先，新建一個畫板，按快捷鍵Ctrl+N，新建一個畫板畫板的大小可以根據(jù)自己的需求來設置，在這里新建的畫板大小為500*400像素2選擇工具箱中的矩形工具，將填充設置為紅色，描邊設置為黑色，描邊大小為2像素，畫一。