1根据后端返回的图片list，生成canvas画布， 2把图片画到canvas里面，再根据后端返回的坐标，在canvas里画矩形框 此项目中，后端返回的坐标是基于缩略图的，但是前端渲染在页面上的图片，会按宽为788px来显示，所以坐标应该要按照比例来算 真实的左上x点的计算方式为真实宽 压缩宽 *。

有平台和环境应用范围等等区别1平台和环境WebGL是基于Web标准的图形库，用于在Web浏览器中呈现交互式3D图形其使用JavaScriptAPI，并且可以直接在HTML5Canvas元素上进行渲染而OpenGL是一个跨平台的图形库，主要用于本地应用程序和操作系统级别的图形渲染，可以在不同的操作系统和硬件平台上使用2。

HTML5canvas元素用于图形的绘制，通过脚本 通常是JavaScript来完成canvas标签只是图形容器，您必须使用脚本来绘制图形你可以通过多种方法使用 canvas 绘制路径，盒圆字符以及添加图像2Canvas基本使用ltcanvas id=quotmyCanvasquot width=quot200quot height=quot100quotstyle=quotborder1px solid #000000quotlt。