一种图形绘制方法、装置、终端设备及存储介质制造方法及图纸

本发明专利技术公开了一种图形绘制方法、装置、终端设备及存储介质。所述方法包括：构建HTML5 canvas标签，并根据所述HTML5 canvas标签获取WebGL上下文对象；对所述WebGL上下文对象进行校验，并在校验成功时调用WebGL API对目标图像进行图形绘制。本发明专利技术能够调用WebGL API实现图形绘制，从而提高图形的显示效果和绘制效率。

A graphic drawing method, device, terminal equipment and storage medium

【技术实现步骤摘要】
一种图形绘制方法、装置、终端设备及存储介质
本专利技术涉及计算机图形绘制
，尤其涉及一种图形绘制方法、装置终端设备及存储介质。
技术介绍
图像标注作为计算机视觉的一个重要任务，主要采用基于DOM渲染的方法和基于CanvasAPI的方法实现图形化标注。其中，基于DOM渲染的方法可绘制的图形受HTML的标签类型和DOM节点的操作范围限制，仅能绘制矩形、圆形等简单的2D图形，难以绘制多边形、不规则曲线等复杂的2D图形。基于CanvasAPI的方法虽能绘制复杂的2D图形，但仅支持绘制基本的3D图形，且在绘制基本的3D图形或者同时对多个图像进行图形绘制的情况下，容易导致CanvasAPI出现卡顿现象。
技术实现思路
本专利技术提供一种图形绘制方法、装置、终端设备及存储介质，以克服现有技术的缺陷，本专利技术能够调用WebGLAPI实现图形绘制，从而提高图形的显示效果和绘制效率。为了解决上述技术问题，第一方面，本专利技术一实施例提供一种图形绘制方法，包括：构建HTML5canvas标签，并根据所述HTML5canva本文档来自技高网...

【技术保护点】
1.一种图形绘制方法，其特征在于，包括：/n构建HTML5 canvas标签，并根据所述HTML5 canvas标签获取WebGL上下文对象；/n对所述WebGL上下文对象进行校验，并在校验成功时调用WebGL API对目标图像进行图形绘制。/n

【技术特征摘要】
1.一种图形绘制方法，其特征在于，包括：
构建HTML5canvas标签，并根据所述HTML5canvas标签获取WebGL上下文对象；
对所述WebGL上下文对象进行校验，并在校验成功时调用WebGLAPI对目标图像进行图形绘制。


2.如权利要求1所述的图形绘制方法，其特征在于，所述构建HTML5canvas标签，并根据所述HTML5canvas标签获取WebGL上下文对象，包括：
构建所述HTML5canvas标签，并根据所述HTML5canvas标签获取DOM；
将所述WebGL上下文对象的类型参数输入所述DOM，得到所述WebGL上下文对象。


3.如权利要求1所述的图形绘制方法，其特征在于，所述对所述WebGL上下文对象进行校验，包括：
判断所述WebGL上下文对象是否为空值；
若所述WebGL上下文对象不为空值，则所述WebGL上下文对象校验成功；
若所述WebGL上下文对象为空值，则所述WebGL上下文对象校验失败。


4.如权利要求1所述的图形绘制方法，其特征在于，所述在校验成功时调用WebGLAPI对目标图像进行图形绘制，包括：
获取操作图像，并判断所述操作图像是否为本地缓存图像；其中，所述本地缓存图像是预先将解析所述操作图像得到的图像缓存于本地而获得；
若所述操作图像为所述本地缓存图像，则将所述操作图像作为所述目标图像，并调用WebGLAPI对所述目标图像进行图形绘制；
若所述操作图像不为所述本地缓存图像，则将解析所述操作图像得到的图像作为所述目标图像缓存于本地，并调用WebGLAPI对所述目标图像进行图形绘制。


5.一种图形绘制装置，其特征在于，包括：
WebGL上下文对象获取模块，用于构建HTML5canvas标签，并根据所述HTML5canvas标签获取WebGL上下文对象；
图形绘制模块，用于对所述WebGL上下文对象进行校验，并在校验成功时调...

【专利技术属性】
技术研发人员：杨湧，陈城，黄波，黄耀鸿，郭怡适，
申请(专利权)人：广州图匠数据科技有限公司，
类型：发明
国别省市：广东;44