HTML没有实现矩形的标签，可以借助CSS来完成使用CSS3的borderradius属性，即可完成圆角矩形borderradius属性的具体用法如下borderradius 属性是一个简写属性，用于设置四个 border*radius 属性默认值0 继承性n；没有什么实际用途，只是实现绘制矩形和拖拽功能jQuery Ruler 写在空间，有演示，有兴趣可以看一下04dbaf39d226e8f1e7bb7ab8 lt！DOCTYPE htmllthtmlltheadltmeta charset=quotgb2312quot lt。

3 使用代码使用编程语言和库，如HTMLCSSJavaScriptProcessing等，可以通过代码来画出矩形，并且可以动态地调整尺寸和样式例如，在HTML中，可以使用``元素和CSS来画矩形```style=quotwidth 100px height 50px；可使用Graphics 的fillRect绘制正方形，代码如下import import import public class Rect extends JFrameRectsetSize300， 300setDefaultCloseOperationJFrame。

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

html怎么创建矩形

选择矩形工具，在画布拉动画矩形，然后选择文字工具点击矩形边框，就可以输入文字了，要是不想要矩形边框可以改变透明或填充来隐藏矩形或者开始的时候用选区工具也可。

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

方案在canvas上画矩形，然后设置画笔为实心就可以了代码示例ltpre t=quotcodequot l=quotjavaquotpaintsetStyleStyleFILL实心矩形框 paintsetColorColorRED 颜色为红色 canvasdrawRectnew RectF10， 10。

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

这边百度了一段代码，请保存为html文件测试 lthtml ltbody ltcanvas id=quotmyCanvasquotyour browser does not support the canvas tag ltcanvas ltscript type=quottextjavascriptquot var canvas=documentgetElementById#39my。

第一段是画板代码第二段是拖动和点击的代码 想画之后再拖动好麻烦，我地方法只能是记住画的矩形坐标之后判断鼠标点击点再坐标内 就拖动画板，太麻烦了，如果找到好的方法贴出来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首先需要新建文件并创建画布2接下来开始定义函数获取画布3然后可以获取上下文4接着需要设置填充矩形的颜色5接下来开始设置边框颜色和边框宽度6最后开始绘制填充矩形和边框矩形7最后输出完成图，可。

5在新画布当中，按住鼠标画出矩形框，接着点右键选择添加文字就可以在里面添加文字了6可按照步骤5，做好所需的框图其他各部分7下来开始连接，依次点击“自选图形”“连接”，在右边出现的各种样式的连接线中。