240 投稿
收录了25篇文章 · 25人关注
  • Resize,w 360,h 240
    canvas绘制图像轮廓效果

    在2d图形可视化开发中,经常要绘制对象的选中效果。 一般来说,表达对象选中可以使用边框,轮廓或者发光的效果。 发光的效果,可以使用canvas...

  • Resize,w 360,h 240
    webgl径向模糊实现体积光

    体积光介绍 首先,我们要确认一下什么是体积光。体积光通俗来说是我们能看见的”光路“,并不是所有灯光都会形成体积光效果,它是光照到大气中粒子散射后...

  • Resize,w 360,h 240
    油田系统三维布局可视化解决方案

    最近和一家公司在谈一个项目合作,他们公司主要是做油田相关设备的,比如油罐车、压力车、泵车等。 我的印象中只要和石油相关的企业,就感觉和钱挨得好近...

  • Resize,w 360,h 240
    机器人制证系统大屏可视化

    0X01项目背景 本项目是一个机器人制证的可视化系统。 其中包括制证设备的显示和监控,质检设备的显示和监控;同时也包括AGV机器人的显示和监控。...

  • Resize,w 360,h 240
    去掉图片黑背景输出为透明背景

    最近遇到了一个需求,是要去掉一张图片的黑色背景,如下图所示: 如果使用OPENCV ,加上一些图像处理的算法,是可以实现去除任何背景的。但是由于...

  • Resize,w 360,h 240
    根据贝塞尔曲线上的点反算t值

    这是一个项目中遇到的实际需求。场景是一个智能仓库管理系统,场景里面有直线和曲线构成的环穿轨道。环穿轨道上面会有小车运动,后台推动小车的两个点位A...

  • WebGL2系列之多采样渲染缓冲对象

    在很久很久以前,盘古开辟了天地,他的头顶着天,脚踩着地,最后他挂了。他的毛发变成了森林,他的血液变成了河流,他的肌肉变成了大地。。。。。。卡!哦...

  • Resize,w 360,h 240
    WebGL 着色器偏导数dFdx和dFdy介绍

    本文适合对webgl、计算机图形学、前端可视化感兴趣的读者。 偏导数函数(HLSL中的ddx和ddy,GLSL中的dFdx和dFdy)是片元着色...

  • Resize,w 360,h 240
    WebGL绘制基本图形--线

    前言 地图的渲染其实可以分解为线、面、纹理、文字的渲染。为了了解地图渲染的实现原理并实际练习WebGL,进行了这个系列的练习,线是第一步。 本文...

  • Resize,w 360,h 240
    canvas高效绘制10万图形,你必须知道的高效绘制技巧

    最近的一个客户项目中,简化的需求是绘制按照行列绘制很多个圆圈。需求看起来不难,上手就可以做,写两个for循环。 原始绘制方法 首先定义了很多Ci...

专题公告

WebGL,Canvas,前端可视化