图像编辑
ThingsKit物联网平台可视化工具之看板编辑器
# 概述 编辑器的作用是让用户可以通过简单的配置和拖拽，创建出符合自己需求的网页界面。您可以快速搭建已接入设备的数据可视化展示，以及可交互的控制界面。 ## 编辑器的特点 - 简单易用的可视化布局。 - 数据绑定轻松搞定，无需任何代码。 - 支持几十个常用的看板组件，样式比较丰富。 - 响应式布局。 ......
NV12图像格式叠加
概述 图像叠加与音频叠加（混音）不同，人耳可以同时听到两种声音，因此混音时需要将两种信号都保留；但视频不同，图像一旦叠加，那么叠加区域人眼就只能看到最上层的图像。本文仅阐述对原始图像数据做修改的叠加方式，不涉及多个plane实现显示级别的图像叠加的知识。因此本文所述的图像叠加基本原理就是：顶层图像的 ......
针对高级用户的 Vim 编辑实用技巧
毫无疑问， Vim 是一个很强大的文本编辑器。它提供了大量的特性，这意味着学习并记住 Vim 的所有功能实际上是不可能的。但是我们至少可以不断学习简单的方法来完成事情，从而随着时间的增长，我们使用编辑器的经验将会变得更好。 这篇文章是 Vim 用户指南系列文章中的一篇： Vim 初学者入门指南 Vi ......
vue2使用富文本编辑器vue-quill-editor
一、将图片保存为base64编码（不建议） 使用步骤： 1、 安装vue-quill-editor npm install vue-quill-editor -S 2、main.js中全局引入 // 富文本编辑器 import VueQuillEditor from 'vue-quill-edito ......
ThingsKit物联网平台可视化工具之组态编辑器
# 概述 组态设计器的作用是让用户可以通过简单的拖拽和配置，创建出符合自己需求的SCADA/组态界面。它可以帮助用户快速构建出完整的组态，而不需要过多的编码知识和复杂的操作。 ## 编辑器的特点 - 可视化编辑：用户可以通过简单的拖拽和放置，添加元素，如文本、变量、视频、图表、控制按钮、参数配置等。 ......
ThingsKit物联网平台可视化工具之大屏编辑器
# 概述 大屏设计器的作用是让用户可以通过简单的拖拽和配置，创建出符合自己需求的网页界面。它可以帮助用户快速构建出完整的网页，而不需要过多的编码知识和复杂的操作。 ## 编辑器的特点 - 可视化编辑：用户可以通过简单的拖拽和放置，添加网页元素，如文本、图片、视频、图表等。 - 实时预览：用户可以在编 ......
图像的2D几何变换
## 基本概念 ### 齐次坐标 使用 N+1 维坐标来表示 N 维坐标，例如在 2D 笛卡尔坐标系中加上额外变量 w 来形成 2D 齐次坐标系 $(x,y) \Rightarrow (x,y,w)$。这样做的好处是，在齐次坐标下，图像的几何变换可以利用矩阵的线性变换来表示。 齐次坐标具有规模不变性 ......
pytorch实现图像算子层
一、Sobel边缘提取算子的实现： import cv2 import matplotlib.pyplot as plt import numpy as np import torch import torch.nn as nn def get_sobel(in_chan, out_chan): # ......
Web编辑器 复制word里面带图文的文章，图片可以直接显示
在之前在工作中遇到在富文本编辑器中粘贴图片不能展示的问题，于是各种网上扒拉，终于找到解决方案，在这里感谢一下知乎中众大神以及TheViper。 通过知乎提供的思路找到粘贴的原理，通过TheViper找到粘贴图片的方法。 其原理为一下步骤： 监听粘贴事件；【用于插入图片】 获取光标位置；【记录图片 ......
在线编辑器 复制word里面带图文的文章，图片可以直接显示
如何做到 ueditor批量上传word图片？ 1、前端引用代码 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional ......
富文本编辑器 复制word里面带图文的文章，图片可以直接显示
自动导入Word图片，或者粘贴Word内容时自动上传所有的图片，并且最终保留Word样式，这应该是Web编辑器里面最基本的一个需求功能了。一般情况下我们将Word内容粘贴到Web编辑器（富文本编辑器）中时，编辑器都无法自动上传图片。需要用户手动一张张上传Word图片。如果只有一张图片还能够接受， ......
【opencv】传统图像识别：hog+svm行人识别实战
实战工具：python3.7+pycharm+opencv4.6算法知识：HOG特征提取、SVM模型构建实战目的：本次实战的目的是熟悉HOG+SVM工作流算法，初步掌握图像分类的传统算法。实战记录：本以为在学习原理、算法应用、动手实操后会很顺利的完全自主实现行人检测项目，但实战过程却差强人意，所以结 ......
VTK 实例41：高斯平滑（图像光滑）
1 #include "vtkAutoInit.h" 2 VTK_MODULE_INIT(vtkRenderingOpenGL2); 3 VTK_MODULE_INIT(vtkInteractionStyle); 4 5 #include <vtkSmartPointer.h> 6 #include ......
VTK 实例42：中值滤波（图像光滑）
1 #include "vtkAutoInit.h" 2 VTK_MODULE_INIT(vtkRenderingOpenGL2); 3 VTK_MODULE_INIT(vtkInteractionStyle); 4 5 #include <vtkSmartPointer.h> 6 #include ......
VTK 实例43：各向异性滤波（图像光滑）
1 #include "vtkAutoInit.h" 2 VTK_MODULE_INIT(vtkRenderingOpenGL2); 3 VTK_MODULE_INIT(vtkInteractionStyle); 4 5 #include <vtkSmartPointer.h> 6 #include ......
VTK 实例44：二维图像快速傅里叶变换（频域处理）
1 #include "vtkAutoInit.h" 2 VTK_MODULE_INIT(vtkRenderingOpenGL2); 3 VTK_MODULE_INIT(vtkInteractionStyle); 4 5 #include <vtkSmartPointer.h> 6 #include ......
VTK 实例40：均值滤波（图像光滑）
1 #include "vtkAutoInit.h" 2 VTK_MODULE_INIT(vtkRenderingOpenGL2); 3 VTK_MODULE_INIT(vtkInteractionStyle); 4 5 #include <vtkSmartPointer.h> 6 #include ......
VTK 实例34：图像运算（数字运算）
1 #include "vtkAutoInit.h" 2 VTK_MODULE_INIT(vtkRenderingOpenGL2); 3 VTK_MODULE_INIT(vtkInteractionStyle); 4 5 #include <vtkMath.h> 6 #include <vtkSma ......
VTK 实例35：图像运算（逻辑运算）
1 #include "vtkAutoInit.h" 2 VTK_MODULE_INIT(vtkRenderingOpenGL2); 3 VTK_MODULE_INIT(vtkInteractionStyle); 4 5 #include <vtkSmartPointer.h> 6 #include ......
VTK 实例36：图像二值化
1 #include "vtkAutoInit.h" 2 VTK_MODULE_INIT(vtkRenderingOpenGL2); 3 VTK_MODULE_INIT(vtkInteractionStyle); 4 5 #include <vtkSmartPointer.h> 6 #include ......
VTK 实例32：图像重采样（降采样）
1 #include "vtkAutoInit.h" 2 VTK_MODULE_INIT(vtkRenderingOpenGL2); 3 VTK_MODULE_INIT(vtkInteractionStyle); 4 5 #include <vtkSmartPointer.h> 6 #include ......
VTK 实例33：图像重采样（降和升采样）
1 #include "vtkAutoInit.h" 2 VTK_MODULE_INIT(vtkRenderingOpenGL2); 3 VTK_MODULE_INIT(vtkInteractionStyle); 4 5 #include <vtkSmartPointer.h> 6 #include ......
VTK 实例31：灰度图像直方图
1 #include "vtkAutoInit.h" 2 VTK_MODULE_INIT(vtkRenderingOpenGL2); 3 VTK_MODULE_INIT(vtkInteractionStyle); 4 5 #include <vtkActor.h> 6 #include <vtkBa ......
VTK 实例29：多个灰度图像合成一个彩色图像(颜色合成)
1 #include "vtkAutoInit.h" 2 VTK_MODULE_INIT(vtkRenderingOpenGL2); 3 VTK_MODULE_INIT(vtkInteractionStyle); 4 5 #include <vtkSmartPointer.h> 6 #include ......
VTK 实例28：将JPG类型的灰度图像进行彩色映射(图像彩色映射)
1 #include "vtkAutoInit.h" 2 VTK_MODULE_INIT(vtkRenderingOpenGL2); 3 VTK_MODULE_INIT(vtkInteractionStyle); 4 5 #include <vtkSmartPointer.h> 6 #include ......
VTK 实例30：提取BMP图像的感兴趣区域(区域提取)
1 #include "vtkAutoInit.h" 2 VTK_MODULE_INIT(vtkRenderingOpenGL2); 3 VTK_MODULE_INIT(vtkInteractionStyle); 4 5 #include <vtkSmartPointer.h> 6 #include ......
VTK 实例27：将BMP类型的RGB图像提取各个颜色（R、G、B）组分(提取颜色组分)
VTK中利用vtkImageExtractComponents可以方便地提取彩色图像的各个颜色通道组分，提取出来的每一个组分数据就是一个灰度数据。 1 #include "vtkAutoInit.h" 2 VTK_MODULE_INIT(vtkRenderingOpenGL2); 3 VTK_MOD ......
VTK 实例26：将BMP类型的RGB图像转换为灰度图像
1 #include "vtkAutoInit.h" 2 VTK_MODULE_INIT(vtkRenderingOpenGL2); 3 VTK_MODULE_INIT(vtkInteractionStyle); 4 5 #include <vtkSmartPointer.h> 6 #include ......
VTK 实例21：BMP图像信息的访问（图像维数、原点坐标和像素间隔）
1 #include "vtkAutoInit.h" 2 VTK_MODULE_INIT(vtkRenderingOpenGL2); 3 VTK_MODULE_INIT(vtkInteractionStyle); 4 5 #include <vtkSmartPointer.h> 6 #include ......