自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(4)
  • 收藏
  • 关注

原创 视频流处理-在线播放

常见的视频格式有WEBM、AVI、MPEG,但是对于有些需要实时监控的场景项目,我们可能需要用到rtsp协议的视频流,例如大华、海康威视的项目,以及可能遇到的rtmp直播实时视频流。HTML中的video标签能够允许我们在浏览器中播放视频,对于视频的格式也是有限制的,仅支持OGG、MPEG4、WebM,不同的浏览器支持程度和兼容性也不一样。

2023-05-31 15:08:37 593 1

原创 antd_g6库的使用

对于之前是做可视化开发的我来说,使用这个antd/g6的可视化拓扑库应该是轻车熟路了,底层无非就是canvas封装的,暴露出了可视化行业中所说的节点Node和连线Link,以及涉及到的Group组的概念,Layer图层等概念。这么一般操作下来,最大的感受就是要勤于思考,之前一直使用的是公司内部的canvas库,用起来就很熟悉很顺手,现在突然遇到一个没有接触过的canvas库,一开始都是一头雾水,很不适应,完全无从下手的感觉,核心其实都是差不多的,还是要多尝试,写demo去测试、发现问题,并且想出解决办法。

2023-05-31 15:05:20 1711 2

原创 Canvas2D沿路径动画实现

刚入职公司的时候,接手了一个canvas-2D的项目,客户要求能够实现根据实时数据的推送,canvas画布上的小车也能够根据消息在一个环路上去实时动画,尽管我们都知道这种需求是不可能实现的,如果想要实时数据推送,canvas上的图也跟着数据点位去变化,那么首先要采用WebSocket保持长连接,其次是不可能在中间动画起来的,假设小车在A,只有小车到了下一个点位B点,才能推送B点的数据给我,我是无法预知到下一个点位的,所以这种方案很明显不可取。

2023-05-19 14:50:18 1428 1

原创 mxgraph 图库使用

节点未设置父子关系时,其坐标及宽高信息存储于节点的geometry几何信息对象中,其坐标x y是相对于整个画布的原点,这被称为绝对坐标也可以叫做世界坐标。节点被设置父子关系后,子节点的几何信息中存储的x y 是以父节点的左上角为原点的坐标系的坐标信息,这被称为相对坐标。在有些时候需要可以拖拽移动节点,但是不能移动连线,如果只是禁止连线可被编辑,连线仍然可以移动。引导线是在拖拽平移节点时的虚线,用于引导X轴Y轴的90°方向。

2023-05-19 11:45:26 450 3

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除