php源码单色bmp图片取模工具按任意方式取模生成字节数组自由编辑点阵

http://2.wjsou.com/BMP/index.html

想试试chatGPT4生成，还是要手工改

php 写一个网页界面上可以选择一张bmp图片，界面上就显示这张bmp图片，
点生成取模按钮，在图片下方会显示这张bmp图片的取模数据。
取模规则是按界面设置的，是否横向取模或纵向取模，是否从左到右，是否从下到上，是否高位在前或高位在后，是否字节内像素数据反转，这些可以在界面切换。最后的数据是16进制字节数组，类似于下面格式
//图片：D:\test.bmp
//数据排列：横向从左到右从上到下高位在前，宽:16，高:16
//点阵数据：
char Msk[]={
0x00, 0x00, 0x3E, 0x20, 0x20, 0x3C, 0x22, 0x02, 0x22, 0x1C, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00,
};

支持php 5.6及以上版本。其它版本我没有测。

没有用插件gd2等。用原始的读文件。
单色bmp图片取模工具 php源码

读每个点的颜色（放弃这个方案）

这个图片处理要用到插件，就不用这个方案。gd2要php7.2才支持。用这个的好处就是可以任意图片png,jpg,bmp32位等。

bmp解析，直接读数据

倒过来，即0000003E处是像素点阵数据。其它信息都不太重要。
在这里插入图片描述

单色点阵数据在bmp中的格式

在这里插入图片描述

取模规则

在这里插入图片描述
可以自由组合。参照windows版：

对照验证

在这里插入图片描述

DOCTYPE html>
<html lang="zh">
<head>
	<meta charset="UTF-8">
    <title>单色bmp图片取模工具 php源码title>
head>
<body>
    <form id="uploadForm" enctype="multipart/form-data">
        <input type="file" name="image" accept=".bmp" required>
        <br>
		<input type="checkbox" name="horizontal"> 横向取模(不勾选为纵向)
        <br>
		<input type="checkbox" name="secondByteOnRight" checked> 第二字节在右(不勾选为第二字节在在下)
        <br>
		<input type="checkbox" name="topToBottom" checked> 从上到下(无效)
        <input type="checkbox" name="leftToRight" checked> 从左到右(无效)
        <br>
        <input type="checkbox" name="highBitFirst" checked> 高位在前(即大端模式)
        <input type="checkbox" name="pixelReverse" checked> 像素反转(即黑白颠倒)
        <br>
        <button type="button" onclick="submitForm()">生成取模button>
    form>
    <br>
    <img id="previewImage" style="display:none;">
    <pre id="modResult">pre>

    <script>
        function submitForm() {
            var formData = new FormData(document.getElementById('uploadForm'));
            fetch('process_image.php', {
                method: 'POST',
                body: formData,
            })
            .then(response => response.json())
            .then(data => {
                document.getElementById('previewImage').src = data.imageUrl;
                document.getElementById('previewImage').style.display = 'block';
                document.getElementById('modResult').textContent = data.modData;
            });
        }
    script>
body>
html>

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44

相关阅读:
Flink - checkpoint Failure reason: Not all required tasks are currently running
UI组件库Kendo UI for Vue中文入门指南（四）
20241028软考架构-------软考案例8答案
 神经系统的肿瘤有哪些,脑神经肿瘤最常见的是
 eclipse中open Type 、 open type in Hierachy、open Resource的区别
 react绑定样式实现切换主题改变组件样式
 Linux 环境下 Nacos2.2.1启动报错
 零知识证明以及其在 BSV 区块链中的应用简介
 STC8单片机PWM定时器+EC11编码器实现计数
 国际商务谈判A卷+答案
原文地址：https://blog.csdn.net/chenhao0568/article/details/136397565