直方图规定化


例:设图像有 64*64=4096 个像素,有 8 个灰度级( L 8 ),灰度分布和希望变换后得到的直方图如表所示。试进行直方图匹配。

灰度级rk

0

1

2

3

4

5

6

7

直方图nk

790

1023

850

656

329

245

122

81

Pr(rk)

0.19

0.25

0.21

0.16

0.08

0.06

0.03

0.02

Pz(zk)

0

0

0

0.15

0.20

0.30

0.20

0.15

步骤1:对原始直方图进行直方图均衡化
步骤2:对规定直方图进行直方图均衡化:
步骤3:从rk映射到zq

灰度级rk

0

1

2

3

4

5

6

7

直方图nk

790

1023

850

656

329

245

122

81

Pr(rk)原图

0.19

0.25

0.21

0.16

0.08

0.06

0.03

0.02

V1

0.19

0.44

0.65

0.81

0.89

0.95

0.98

1

Pz(zk)

0

0

0

0.15

0.20

0.30

0.20

0.15

v2

0.15

0.35

0.68

0.85

1

sk

1.33

3.08

4.55

5.67

6.23

6.65

6.86

7

G(zq)

0

0

0

1.05

2.45

4.55

5.95

7

确定映射关系

0>3

1>4

2>5

3,4>6

5.6.7>7

变换后直方图

0

0

0

0.19

0.25

0.21

0.24

0.11





### Spring Boot 与 Vue 3 结合使用 Axios 的集成教程 在现代 Web 开发中,前后端分离架构非常常见。Spring Boot 是一种用于构建 Java 后端服务的强大框架,而 Vue.js 则是一种流行的前端 JavaScript 框架。当两者结合时,通常会通过 HTTP 请求来实现数据交互,其中 Axios 是一个常用的库。 #### 配置 Spring Boot Vue 3 使用 Axios 进行通信 为了使 Spring Boot Vue 3 能够顺利协作并利用 Axios 实现请求处理,以下是几个关键点: 1. **设置 CORS 支持** 在 Spring Boot 中,默认情况下不会允许跨域请求。因此,在开发环境中需要启用 Cross-Origin Resource Sharing (CORS)[^2]。可以通过 `@CrossOrigin` 注解或者全局配置的方式完成此操作。 ```java @Configuration public class CorsConfig { @Bean public WebMvcConfigurer corsConfigurer() { return new WebMvcConfigurer() { @Override public void addCorsMappings(CorsRegistry registry) { registry.addMapping("/**") // 允许所有的路径访问 .allowedOrigins("http://localhost:8080") // 前端运行的地址 .allowedMethods("GET", "POST", "PUT", "DELETE"); // 所需方法 } }; } } ``` 2. **创建 RESTful API 接口** 定义一些简单的控制器以便于测试连接性功能验证。例如,可以提供一个返回 JSON 数据的服务接口[^3]。 ```java @RestController @RequestMapping("/api") public class ExampleController { @GetMapping("/greeting") public String greeting(@RequestParam(value = "name", defaultValue = "World") String name) { return String.format("Hello, %s!", name); } } ``` 3. **安装配置 Axios** 对于 Vue 项目来说,首先确保已经安装了 Axios 库。如果尚未安装,则可通过 npm 或 yarn 添加依赖项。 ```bash npm install axios --save # 或者 yarn add axios ``` 4. **编写 Vue 组件调用后端服务** 下面是一个基本的例子展示如何从 Vue 组件内部发起 GET 请求到上述定义好的 `/api/greeting` URL 上去获取消息内容[^4]。 ```javascript <template> <div>{{ message }}</div> </template> <script> import axios from 'axios'; export default { data() { return {message: ''}; }, mounted(){ this.fetchData(); }, methods:{ fetchData(){ const url = 'http://localhost:8081/api/greeting'; // 替换为实际部署位置 axios.get(url).then(response => { this.message = response.data; }).catch(error => console.error('Error fetching data:', error)); } } } </script> ``` 以上就是关于 Spring Boot Vue 3 如何借助 Axios 来建立联系的一个基础示例说明。当然还有更多高级特性可以根据具体需求进一步探索完善。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值