1、1根据后端返回的图片list，生成canvas画布， 2把图片画到canvas里面，再根据后端返回的坐标，在canvas里画矩形框 此项目中，后端返回的坐标是基于缩略图的，但是前端渲染在页面上的图片，会按宽为788px来显示。

2、1首先需要新建文件并创建画布2接下来开始定义函数获取画布3然后可以获取上下文4接着需要设置填充矩形的颜色5接下来开始设置边框颜色和边框宽度6最后开始绘制填充矩形和边框矩形7最后输出完成图，可。

3、HTML没有实现矩形的标签，可以借助CSS来完成使用CSS3的borderradius属性，即可完成圆角矩形borderradius属性的具体用法如下borderradius 属性是一个简写属性，用于设置四个 border*radius 属性默认值0 继承性。

4、用canvas，画矩形的方法是rect，四个参数就是输入的四个坐标，当然也可以用画线段的方式画出来旋转的话canvas也支持rotate方法，参数是45deg就可以了，跟CSS3差不多的使用方法。

5、3 使用代码使用编程语言和库，如HTMLCSSJavaScriptProcessing等，可以通过代码来画出矩形，并且可以动态地调整尺寸和样式例如，在HTML中，可以使用``元素和CSS来画矩形```style=quotwidth 100px height 50px。

6、ctxstrokeStyle=quot#000quotctxrect0，0，10，20ctxstrokectxclosePath用closepath结束绘画，否则可能出现黏连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、给你发个链接地址，你可以自己在线测试一下下面有详细的扩展介绍，有助你以后碰到类似的问题的时候明白如何解决BorderRadiushtml 你可以亲自来演示一下。

13、1按住Shift键画矩形，是以鼠标的落点为起点画出正方形的选区2按住Shift+Alt键画矩形，是以鼠标的落点为中心点画出正方形选区。

14、直线命令和多段线命令操作一直，直接输入长度然后调整方向最后闭合矩形命令设置长与宽都是100正多边形命令设置边长为100。

15、1首先，新建一个画板，按快捷键Ctrl+N，新建一个画板画板的大小可以根据自己的需求来设置，在这里新建的画板大小为500*400像素2选择工具箱中的矩形工具，将填充设置为红色，描边设置为黑色，描边大小为2像素，画一。