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

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

3、HTML沒(méi)有實(shí)現(xiàn)矩形的標(biāo)簽，可以借助CSS來(lái)完成使用CSS3的borderradius屬性，即可完成圓角矩形borderradius屬性的具體用法如下borderradius 屬性是一個(gè)簡(jiǎn)寫(xiě)屬性，用于設(shè)置四個(gè) border*radius 屬性默認(rèn)值0 繼承性。

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

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

6、ctxstrokeStyle=quot#000quotctxrect0，0，10，20ctxstrokectxclosePath用closepath結(jié)束繪畫(huà)，否則可能出現(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、第一段是畫(huà)板代碼第二段是拖動(dòng)和點(diǎn)擊的代碼 想畫(huà)之后再拖動(dòng)好麻煩，我地方法只能是記住畫(huà)的矩形坐標(biāo)之后判斷鼠標(biāo)點(diǎn)擊點(diǎn)再坐標(biāo)內(nèi) 就拖動(dòng)畫(huà)板，太麻煩了，如果找到好的方法貼出來(lái)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、首先進(jìn)入畫(huà)矩形的模式，具體方法如下 方法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輸入。

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

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

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

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