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

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

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