1根據(jù)后端返回的圖片list，生成canvas畫布， 2把圖片畫到canvas里面，再根據(jù)后端返回的坐標，在canvas里畫矩形框 此項目中，后端返回的坐標是基于縮略圖的，但是前端渲染在頁面上的圖片，會按寬為788px來顯示，所以坐標應(yīng)該要按照比例來算 真實的左上x點的計算方式為真實寬 壓縮寬 *。

有平臺和環(huán)境應(yīng)用范圍等等區(qū)別1平臺和環(huán)境WebGL是基于Web標準的圖形庫，用于在Web瀏覽器中呈現(xiàn)交互式3D圖形其使用JavaScriptAPI，并且可以直接在HTML5Canvas元素上進行渲染而OpenGL是一個跨平臺的圖形庫，主要用于本地應(yīng)用程序和操作系統(tǒng)級別的圖形渲染，可以在不同的操作系統(tǒng)和硬件平臺上使用2。

HTML5canvas元素用于圖形的繪制，通過腳本 通常是JavaScript來完成canvas標簽只是圖形容器，您必須使用腳本來繪制圖形你可以通過多種方法使用 canvas 繪制路徑，盒圓字符以及添加圖像2Canvas基本使用ltcanvas id=quotmyCanvasquot width=quot200quot height=quot100quotstyle=quotborder1px solid #000000quotlt。