微信小程序是一种轻量级的应用开发平台，主要针对移动端，由腾讯公司推出，旨在提供便捷的、无需下载安装即可使用的应用体验。本入门案例是针对初学者的教程，旨在帮助零基础的朋友快速掌握微信小程序的开发流程和基本概念。
1. **配置文件**：
- **app.js**: 这是小程序的全局配置文件，它定义了小程序的基本信息，包括小程序的启动页面、全局变量、事件处理函数等。在这里，你可以设置小程序的生命周期函数，如`onLaunch`（小程序启动时调用）、`onShow`（小程序显示时调用）和`onHide`（小程序隐藏时调用）。
2. **.eslintrc.js**：这是一个ESLint配置文件，用于代码风格检查。ESLint是一款静态代码分析工具，可以帮助开发者避免写出不符合规范或者潜在错误的代码，提升代码质量。
3. **project.config.json** 和 **project.private.config.json**：这两个是微信开发者工具的项目配置文件，用于设置项目的编译选项、环境变量等。`project.config.json`是公开的配置，而`project.private.config.json`则包含敏感信息，如服务器地址，不会上传到代码仓库。
4. **app.json**：这是小程序的全局配置文件，与app.js不同，它主要配置小程序的页面路径、窗口表现、网络超时时间等，以及自定义 tabBar（底部导航栏）的样式。
5. **sitemap.json**：站点地图文件，用于告知微信爬虫哪些页面可以被索引，以便于微信的小程序搜索功能。
6. **app.wxss**：全局样式表文件，其中定义的样式会被所有页面继承。在这里，你可以设置一些通用的样式规则，比如字体、颜色、间距等。
7. **pages**：这个目录包含了小程序的所有页面。每个页面都有自己的独立的js、json和wxss文件，分别负责逻辑处理、页面配置和样式设计。
8. **utils**：工具类文件夹，通常存放一些可复用的函数或模块，比如网络请求、数据处理等，以提高代码的复用性和可维护性。
9. **images**：存放图片资源的目录，小程序中的图片引用通常会从这里获取。
学习这个入门案例，你需要了解微信小程序的基本结构、生命周期、页面路由、样式系统以及如何进行数据绑定和事件处理。同时，熟悉JSON配置文件的语法以及ESLint的代码规范也是很重要的一步。通过实践，你可以逐步掌握微信小程序开发的基本技能，并为后续的进阶学习打下坚实的基础。
2025-12-15 14:15:22
50KB
1
项目细节：
首先载入源图像，并进行尺寸预处理。
载入源图像image并作拷贝为org，将image按原始h,w的比例大小设置为高度为500的图像。
进行边缘检测和轮廓检测
在灰度化->边缘检测->轮廓检测后，将轮廓按轮廓的面积进行排序（注意这里默认是顺序的即从小到大，我们需要从大到小排序，所以reverse = True），取面积最大的前5个轮廓，并用多边形逼近（cv.approxPolyDP）的方法将轮廓近似出来，因为检测的轮廓有圆形有长矩形，我们需要的检测的目标轮廓是四边形（类似于矩形）。所以我们经过筛选得到我们需要的四边形的坐标。
坐标的透视变换
由多边形逼近轮廓的方法得到的坐标 是每个轮廓逆时钟方向的各个顶点的坐标，而我们想要顺时针方向的各个顶点的坐标，所以需要先对轮廓坐标重新排序。接着需要求出四边形轮廓的高和宽，来创建一个dst数组：该数组为[[0,0],[width-1,0],[width-1,height-1],[0,height-1]
。将四边形轮廓坐标和dst输入到cv.getPerspectiveTransform
函数里，得到透视变换的M矩阵。接着将用M矩阵对原图像做透视变化，其中得出的warped的大小为（width，height），这样透视变换就做完了。
简单点说：首先读取两个坐标数组，计算变换矩阵；然后根据变换矩阵对原图进行透视变换，并输出到目标画布，
OCR识别
在OCR识别之前要对待识别的图像进行预处理，即灰度二值化，接着利用ocr指令来识别。
源码：
import cv2 as cv
import numpy as np
import pytesseract
def order_point(pts):
rect = np.zeros((4, 2), dtype = "float32")
s = pts.sum(axis = 1)
rect[0] = pts[np.argmin(s)]
rect[2] = pts[np.argmax(s)]
diff = np.diff(pts,axis=1)
rect[1] = pts[np.argmin(diff)]
rect[3] = pts[np.argmax(diff)]
return rect
def four_point_transfer(image,pts):
rect = order_point(pts)
(tl,tr,br,bl) = rect
width1 = np.sqrt((tr[0]-tl[0])*(tr[0]-tl[0])+(tr[1]-tl[1])*(tr[1]-tl[1]))
width2 = np.sqrt((br[0]-bl[0])*(br[0]-bl[0])+(br[1]-bl[1])*(br[1]-bl[1]))
width = max(width1,width2) #python中有max函数和np.max函数，前者是比较两个数值的大小取最大值，后者是取出数组的最大值
height1 = np.sqrt((tr[0]-br[0])*(tr[0]-br[0])+(tr[1]-br[1])*(tr[1]-br[1]))
height2 = np.sqrt((tl[0]-bl[0])*(tl[0]-bl[0])+(tl[1]-bl[1])*(tl[1]-bl[1]))
height = max(height1,height2)
dst = np.array([[0,0],[width-1,0],[width-1,height-1],[0,height-1]],dtype="float32")
M = cv.getPerspectiveTransform(rect,dst)
warped =cv.warpPerspective(image,M,(width,height))
return warped
def resize(image,height=None):
if height is None:
return image
else :
h,w= image.shape[:2] #shape:h,w,channel image[h(row),w(col),channel]
r = height/h
width = int(w*r) #关于size函数参数的一般是（宽，高）
image = cv.resize(image,(width,height),interpolation=cv.INTER_AREA) #还有resize(img,(宽，高)),即先列后行
return image #利用cv.bounding()得到x,y,width,height
#其它情况一般都是先行后列（高，宽）
#如shape得到参数,或者roi区域内部参数，建立新的Mat 都是先行后列
image = cv.imread("E:\opencv\picture\page.jpg")
orig = image.copy()
image = resize(image,height=500)
ratio = orig.shape[0]/500
#边缘检测
image_gray = cv.cvtColor(image,cv.COLOR_BGR2GRAY)
image_gray = cv.GaussianBlur(image_gray,(5,5),0)
image_edge = cv.Canny(image_gray,75,200)
#轮廓检测
image_contours = cv.findContours(image_edge.copy(),cv.RETR_LIST,cv.CHAIN_APPROX_SIMPLE)[1]
countours = sorted(image_contours,key=cv.contourArea,reverse=True)[:5]
for c in countours:
arc = cv.arcLength(c,closed=True)
approx = cv.approxPolyDP(c,arc*0.02,True)
if len(approx) == 4:
screen_shot = approx
break
cv.drawContours(image,[screen_shot],-1,(0,0,255),2)
warped =four_point_transfer(orig,screen_shot.reshape(4,2)*ratio)
cv.imshow('warped_window',resize(warped,height=650))
warped =cv.cvtColor(warped,cv.COLOR_BGR2GRAY)
scan = cv.threshold(warped,0,255,cv.THRESH_BINARY|cv.THRESH_OTSU)[1]
cv.imwrite("E:/opencv/picture/scan.png",scan)
cv.imshow("scan ",scan)
scanstring = pytesseract.image_to_string(scan)
print(scanstring)
cv.waitKey(0)
cv.destroyAllWindows()
在这个图像处理案例中，主要涉及了以下几个关键技术点：
1. 图像预处理：
- **图像尺寸预处理**：通过`resize`函数调整图像尺寸，确保图像高度为500像素，保持原图像的宽高比例。这一步骤是为了统一处理不同大小的图像，使其适应后续的处理算法。
- **灰度化**：使用`cv.cvtColor`函数将彩色图像转换为灰度图像，简化图像特征，便于边缘检测和轮廓识别。
- **边缘检测**：采用Canny算法`cv.Canny`进行边缘检测，识别图像中的边界，帮助分离文字区域。
2. 轮廓检测与筛选：
- **轮廓检测**：使用`cv.findContours`找出图像中的所有轮廓，`cv.RETR_LIST`确保获取所有独立的轮廓，`cv.CHAIN_APPROX_SIMPLE`压缩轮廓信息以节省内存。
- **轮廓排序与筛选**：按照轮廓面积进行降序排序，选择前五个最大的轮廓，这是因为文字区域通常比背景区域的面积更大。通过`cv.approxPolyDP`进行多边形逼近，去除非四边形轮廓，保留类似矩形的四边形轮廓，以精确选取文本区域。
3. 坐标变换与透视变换：
- **坐标排序**：将轮廓坐标按照顺时针方向重新排序，这是为了满足`cv.getPerspectiveTransform`函数的需要，它需要按顺序的顶点坐标。
- **创建dst数组**：dst数组定义了目标四边形的四个顶点，即一个标准的矩形。
- **计算透视变换矩阵**：利用`cv.getPerspectiveTransform`得到将四边形轮廓坐标转换为dst矩形的透视变换矩阵`M`。
- **执行透视变换**：通过`cv.warpPerspective`函数，应用M矩阵对原图像进行透视变换，生成warped图像，使文字区域变为标准矩形。
4. OCR识别：
- **预处理**：将warped图像转为灰度图像并进行二值化，使用`cv.threshold`和`cv.THRESH_BINARY|cv.THRESH_OTSU`进行自动阈值设定，提高文字识别的准确性。
- **OCR识别**：使用`pytesseract.image_to_string`对二值化后的图像进行文字识别，将图像转换为可读的文本字符串。
总结来说，这个案例展示了如何通过OpenCV库进行图像处理，包括尺寸调整、边缘检测、轮廓识别、坐标变换以及最终的OCR文字识别。这些步骤是图像分析和自动化文本提取的关键技术，常用于文档扫描、图像识别和信息提取等领域。
2025-07-30 21:48:04
21KB
1
案例二 注册表管理程序，案例二 注册表管理程序
案例二 注册表管理程序，案例二 注册表管理程序
案例二 注册表管理程序，案例二 注册表管理程序
2023-02-20 14:31:18
45KB
1
分步逐一案例讲解，共18小节视频教程分九大部分来讲解，通俗易懂，跟学就能完成项目，并深入理解python面向对象编程思想。非常好的资源，物超所值！由于上传受限，本案例包含三部分。
2021-08-03 09:40:50
367.55MB