Java网络编程之TCP通信实战_Java实现网络连接与数据传输

java中处理多个客户端连接需使用多线程,每次accept获取新连接后交由独立线程处理;2. 推荐使用线程池管理线程,避免资源浪费;3. 每个客户端由clienthandler类实现runnable处理,确保并发通信互不阻塞;4. 选择合适io流提升性能,文本用bufferedreader/printwriter,二进制用bufferedinputstream/outputstream,对象传输用objectinputstream/objectoutputstream;5. 必须设置连接和读写超时防止阻塞,通过setsotimeout和connect(timeout)实现;6. 异常处理需捕获socketexception和ioexception,确保资源在finally块中关闭,实现优雅降级与重连机制。

Java网络编程之TCP通信实战_Java实现网络连接与数据传输

TCP通信在Java里,说白了,就是通过一对“插座”——

ServerSocket

Socket

,在两台机器之间建立一条稳定、可靠的专属通道,进行数据双向传输。它不像UDP那样随手一扔,而是要先“握手”建立连接,确保数据按序到达,并且能知道对方是否收到了。这就像打电话,得先拨通,确认对方接听了,才能开始对话,而且说的每句话都能被对方听到,如果没听清还能重说。

解决方案

要用Java实现TCP通信,核心在于服务器端和客户端各自扮演的角色。

服务器端:

立即学习“Java免费学习笔记(深入)”;

服务器端需要一个

ServerSocket

来监听特定端口,等待客户端的连接请求。一旦有客户端尝试连接,

ServerSocket

就会“接受”这个连接,并创建一个新的

Socket

对象来处理这个特定的客户端。之后,所有的通信都通过这个新生成的

Socket

进行。

import java.io.*;import java.net.*;public class SimpleTcpServer {    public static void main(String[] args) {        int port = 8080; // 监听端口        ServerSocket serverSocket = null;        try {            serverSocket = new ServerSocket(port);            System.out.println("服务器已启动,正在监听端口 " + port + "...");            // 服务器通常需要持续运行,等待多个客户端            while (true) {                Socket clientSocket = serverSocket.accept(); // 阻塞,直到有客户端连接                System.out.println("客户端连接成功:" + clientSocket.getInetAddress().getHostAddress());                // 获取输入流和输出流                BufferedReader in = new BufferedReader(new InputStreamReader(clientSocket.getInputStream()));                PrintWriter out = new PrintWriter(clientSocket.getOutputStream(), true); // autoFlush                String clientMessage;                while ((clientMessage = in.readLine()) != null) {                    System.out.println("收到客户端消息: " + clientMessage);                    out.println("服务器已收到: " + clientMessage); // 回复客户端                    if (clientMessage.equals("bye")) {                        break; // 客户端发送"bye"表示结束                    }                }                System.out.println("客户端 " + clientSocket.getInetAddress().getHostAddress() + " 已断开。");                clientSocket.close(); // 关闭当前客户端连接            }        } catch (IOException e) {            System.err.println("服务器异常: " + e.getMessage());        } finally {            if (serverSocket != null && !serverSocket.isClosed()) {                try {                    serverSocket.close();                } catch (IOException e) {                    System.err.println("关闭服务器套接字失败: " + e.getMessage());                }            }        }    }}

客户端:

客户端则需要创建一个

Socket

对象,指定服务器的IP地址和端口号,尝试连接服务器。连接成功后,就可以通过这个

Socket

的输入输出流与服务器进行数据交换了。

import java.io.*;import java.net.*;import java.util.Scanner;public class SimpleTcpClient {    public static void main(String[] args) {        String serverAddress = "127.0.0.1"; // 服务器IP地址,这里是本机        int port = 8080; // 服务器端口        Socket socket = null;        try {            socket = new Socket(serverAddress, port);            System.out.println("成功连接到服务器: " + serverAddress + ":" + port);            // 获取输入流和输出流            BufferedReader in = new BufferedReader(new InputStreamReader(socket.getInputStream()));            PrintWriter out = new PrintWriter(socket.getOutputStream(), true); // autoFlush            Scanner scanner = new Scanner(System.in);            String userInput;            String serverResponse;            System.out.println("请输入消息 (输入 'bye' 退出):");            while (true) {                userInput = scanner.nextLine();                out.println(userInput); // 发送消息给服务器                if (userInput.equals("bye")) {                    break;                }                // 读取服务器响应                if ((serverResponse = in.readLine()) != null) {                    System.out.println("收到服务器响应: " + serverResponse);                }            }        } catch (UnknownHostException e) {            System.err.println("未知主机: " + serverAddress);        } catch (IOException e) {            System.err.println("客户端连接或通信异常: " + e.getMessage());        } finally {            if (socket != null && !socket.isClosed()) {                try {                    socket.close();                } catch (IOException e) {                    System.err.println("关闭客户端套接字失败: " + e.getMessage());                }            }            if (scanner != null) {                scanner.close();            }        }    }}

Java TCP通信中如何处理多个客户端连接?多线程服务器设计实践

说实话,上面那个简单的服务器示例,它一次只能处理一个客户端。当一个客户端连接上来后,

serverSocket.accept()

后面的代码就会一直忙着处理这个客户端的请求,直到它断开连接,服务器才能去接受下一个连接。这在实际应用中显然是行不通的,因为服务器往往需要同时服务成百上千的客户端。

解决这个问题的经典方法就是引入多线程。每次

serverSocket.accept()

成功接受到一个新的客户端连接时,我们就把这个客户端的

Socket

对象丢给一个新的线程去处理。这样,主线程(或者说监听线程)就可以立即回到

accept()

那里,继续等待下一个连接,而不会被当前的客户端通信阻塞。

一个简单的多线程服务器结构大概是这样:

// ServerMain.java (主服务器类)import java.io.IOException;import java.net.ServerSocket;import java.net.Socket;import java.util.concurrent.ExecutorService;import java.util.concurrent.Executors;public class MultiThreadedTcpServer {    public static void main(String[] args) {        int port = 8080;        // 推荐使用线程池来管理线程,避免频繁创建和销毁线程的开销        // 这里使用固定大小的线程池,实际应用中可以根据需要调整        ExecutorService executorService = Executors.newFixedThreadPool(10);         ServerSocket serverSocket = null;        try {            serverSocket = new ServerSocket(port);            System.out.println("多线程服务器已启动,正在监听端口 " + port + "...");            while (true) {                Socket clientSocket = serverSocket.accept(); // 阻塞,等待新连接                System.out.println("新客户端连接:" + clientSocket.getInetAddress().getHostAddress());                // 将客户端Socket交给线程池中的一个线程处理                executorService.submit(new ClientHandler(clientSocket));             }        } catch (IOException e) {            System.err.println("服务器启动或运行异常: " + e.getMessage());        } finally {            if (serverSocket != null && !serverSocket.isClosed()) {                try {                    serverSocket.close();                } catch (IOException e) {                    System.err.println("关闭服务器套接字失败: " + e.getMessage());                }            }            executorService.shutdown(); // 关闭线程池            System.out.println("服务器已关闭。");        }    }}// ClientHandler.java (处理单个客户端的Runnable任务)import java.io.*;import java.net.Socket;class ClientHandler implements Runnable {    private Socket clientSocket;    public ClientHandler(Socket socket) {        this.clientSocket = socket;    }    @Override    public void run() {        try (            BufferedReader in = new BufferedReader(new InputStreamReader(clientSocket.getInputStream()));            PrintWriter out = new PrintWriter(clientSocket.getOutputStream(), true);        ) {            String clientMessage;            while ((clientMessage = in.readLine()) != null) {                System.out.println("来自 " + clientSocket.getInetAddress().getHostAddress() + " 的消息: " + clientMessage);                out.println("服务器收到你的消息: " + clientMessage);                if (clientMessage.equalsIgnoreCase("bye")) {                    break;                }            }            System.out.println("客户端 " + clientSocket.getInetAddress().getHostAddress() + " 断开连接。");        } catch (IOException e) {            System.err.println("处理客户端 " + clientSocket.getInetAddress().getHostAddress() + " 异常: " + e.getMessage());        } finally {            try {                if (clientSocket != null && !clientSocket.isClosed()) {                    clientSocket.close();                }            } catch (IOException e) {                System.err.println("关闭客户端套接字失败: " + e.getMessage());            }        }    }}

这种模式下,每个客户端都有自己的处理线程,互不干扰,大大提升了服务器的并发能力。当然,线程池的合理配置也很重要,线程太多会消耗大量系统资源,太少又会影响并发度。这是个需要权衡的问题。

TCP数据传输中,Java IO流的选择与性能优化:从字节流到对象流

在TCP通信中,数据传输的核心就是Java的IO流。你拿到

Socket

InputStream

OutputStream

后,就可以开始读写数据了。但光有这两个基础流还不够,它们是字节流,处理起来比较原始。为了方便和性能,我们通常会套用(或者说“装饰”)各种高级IO流。

基础字节流:

InputStream

OutputStream

这是最底层的流,直接操作字节。比如你发送一张图片、一个文件,通常会直接用它们或者它们的子类。

// 写入字节outputStream.write(byteData);// 读取字节int byteRead = inputStream.read();

直接操作字节虽然灵活,但效率不高,尤其是在传输少量数据或文本时。

缓冲流:

BufferedInputStream

BufferedOutputStream

这是性能优化的第一步。它们在内部维护一个缓冲区,批量读写数据,减少了对底层IO的频繁访问。这就像你往水桶里倒水,一次倒一桶肯定比一滴一滴倒快。

// 包装原始流BufferedInputStream bis = new BufferedInputStream(socket.getInputStream());BufferedOutputStream bos = new BufferedOutputStream(socket.getOutputStream());// 读写操作与原始流类似,但内部有缓冲bos.write(dataBytes);bos.flush(); // 记得flush,确保缓冲区内容被写入底层流

对于大部分文本或二进制数据传输,使用缓冲流是强烈推荐的。

字符流:

Reader

Writer

(特别是

InputStreamReader

OutputStreamWriter

)如果你主要传输文本数据,直接操作字节会涉及字符编码的问题。

InputStreamReader

OutputStreamWriter

就是用来解决这个问题的,它们是字节流和字符流之间的桥梁,可以指定字符编码(比如UTF-8)。再配合

BufferedReader

PrintWriter

,读写文本就非常方便了。

// 读文本行BufferedReader reader = new BufferedReader(new InputStreamReader(socket.getInputStream(), "UTF-8"));String line = reader.readLine();// 写文本行PrintWriter writer = new PrintWriter(new OutputStreamWriter(socket.getOutputStream(), "UTF-8"), true); // autoFlushwriter.println("Hello, Server!");

我个人觉得,处理文本数据时,直接用

BufferedReader

PrintWriter

是最高效且最符合直觉的方式。

虎课网 虎课网

虎课网是超过1800万用户信赖的自学平台,拥有海量设计、绘画、摄影、办公软件、职业技能等优质的高清教程视频,用户可以根据行业和兴趣爱好,自主选择学习内容,每天免费学习一个…

虎课网 62 查看详情 虎课网

数据流:

DataInputStream

DataOutputStream

当你需要传输Java基本数据类型(如int, double, boolean等)时,这两个流就派上用场了。它们提供了方便的方法来读写这些类型,避免了手动进行字节转换的麻烦。

DataOutputStream dos = new DataOutputStream(socket.getOutputStream());dos.writeInt(123);dos.writeDouble(3.14);DataInputStream dis = new DataInputStream(socket.getInputStream());int num = dis.readInt();double pi = dis.readDouble();

这对于结构化数据的传输非常有用,但注意,读写顺序和类型必须严格匹配。

对象流:

ObjectInputStream

ObjectOutputStream

这是最高级的流,可以直接序列化和反序列化Java对象。这意味着你可以直接发送一个Java对象实例,而不需要手动将其拆分成基本类型或字节数组。但前提是,这些对象必须实现

Serializable

接口。

// 假设有一个实现了Serializable的Person类Person person = new Person("Alice", 30);ObjectOutputStream oos = new ObjectOutputStream(socket.getOutputStream());oos.writeObject(person);ObjectInputStream ois = new ObjectInputStream(socket.getInputStream());Person receivedPerson = (Person) ois.readObject();

使用对象流极大简化了复杂数据结构的传输,但也有一些性能开销和版本兼容性问题需要注意。比如,如果发送方和接收方对象的类定义不完全一致,就可能出现序列化失败。

选择哪种流,取决于你的数据类型和需求。如果只是简单文本,

BufferedReader

/

PrintWriter

足矣;如果涉及文件传输,

BufferedInputStream

/

OutputStream

配上

byte[]

是王道;如果需要传输Java对象,

ObjectInputStream

/

OutputStream

无疑最方便。

Java TCP通信常见问题排查与异常处理:连接断开与超时机制

TCP通信过程中,各种意外情况层出不穷。网络波动、服务器宕机、客户端突然关闭、防火墙阻拦……这些都可能导致

IOException

。一个健壮的TCP应用,必须学会如何优雅地处理这些异常。

1. 连接断开:

SocketException

IOException

这是最常见的。当一方关闭了连接,或者网络中断,另一方在尝试读写数据时就会抛出

SocketException

(通常是

Connection reset

Broken pipe

)或更泛化的

IOException

现象:

客户端尝试连接时,服务器未启动或端口被占用:

ConnectException: Connection refused

。连接建立后,一方突然关闭,另一方读写时:

SocketException: Connection reset by peer

(对方重置连接) 或

Broken pipe

(管道破裂)。读到流的末尾:

read()

方法返回

-1

,表示没有更多数据可读,这通常是正常关闭的信号,而不是异常。

处理策略:通常,在

try-catch

块中捕获这些异常,并在

finally

块中确保资源(

Socket

InputStream

OutputStream

)被正确关闭。

try {    // ... TCP通信逻辑 ...} catch (SocketException e) {    System.err.println("套接字异常,可能连接已断开: " + e.getMessage());    // 记录日志,通知用户或进行重连尝试} catch (IOException e) {    System.err.println("IO操作异常: " + e.getMessage());    // 记录日志,根据具体情况处理} finally {    // 确保所有资源被关闭,避免资源泄露    if (socket != null && !socket.isClosed()) {        try {            socket.close();        } catch (IOException e) {            System.err.println("关闭套接字时发生错误: " + e.getMessage());        }    }    // 关闭其他流...}

对于服务器端,当一个客户端连接断开时,通常会记录日志,然后继续监听下一个连接。对于客户端,可能需要实现重连机制。

2. 超时机制:避免无限等待

网络通信中最怕的就是“死等”。比如客户端连接一个不存在的服务器,或者服务器在等待客户端发送数据时,客户端迟迟不发。这会导致线程一直阻塞,浪费资源。Java的

Socket

提供了超时设置来解决这个问题。

连接超时 (

connect timeout

): 客户端尝试连接服务器时,如果服务器在指定时间内没有响应,就抛出

SocketTimeoutException

Socket socket = new Socket();try {    socket.connect(new InetSocketAddress("192.168.1.100", 8080), 5000); // 5秒连接超时    // 连接成功} catch (SocketTimeoutException e) {    System.err.println("连接超时: " + e.getMessage());} catch (IOException e) {    System.err.println("连接失败: " + e.getMessage());}

读写超时 (

read timeout

/

SO_TIMEOUT

): 连接建立后,当调用

read()

方法读取数据时,如果在指定时间内没有数据可读,就抛出

SocketTimeoutException

。这对于防止服务器或客户端被一个无响应的对端阻塞非常重要。

// 在Socket连接成功后设置socket.setSoTimeout(10000); // 设置10秒读写超时try {    // 尝试从输入流读取数据    String message = in.readLine(); // 如果10秒内没有收到数据,会抛出SocketTimeoutException    System.out.println("收到消息: " + message);} catch (SocketTimeoutException e) {    System.err.println("读取数据超时: " + e.getMessage());    // 可以选择关闭连接或重试} catch (IOException e) {    System.err.println("读取数据时发生IO错误: " + e.getMessage());}

我个人觉得,在生产环境中,给所有网络操作设置合理的超时是非常必要的,它能有效提高应用的健壮性和响应性。没有超时机制的程序,一旦网络出现问题,很容易就“卡死”了。

总的来说,TCP通信的异常处理不是简单地

catch

一下就完事。它需要你理解每种异常背后的含义,并根据业务逻辑设计相应的恢复或降级方案。

以上就是Java网络编程之TCP通信实战_Java实现网络连接与数据传输的详细内容,更多请关注创想鸟其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 chuangxiangniao@163.com 举报,一经查实,本站将立刻删除。
发布者:程序猿,转转请注明出处:https://www.chuangxiangniao.com/p/337432.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2025年11月5日 16:50:28
下一篇 2025年11月5日 16:51:31

相关推荐

  • Uniapp 中如何不拉伸不裁剪地展示图片?

    灵活展示图片:如何不拉伸不裁剪 在界面设计中,常常需要以原尺寸展示用户上传的图片。本文将介绍一种在 uniapp 框架中实现该功能的简单方法。 对于不同尺寸的图片,可以采用以下处理方式: 极端宽高比:撑满屏幕宽度或高度,再等比缩放居中。非极端宽高比:居中显示,若能撑满则撑满。 然而,如果需要不拉伸不…

    2025年12月24日
    400
  • 如何让小说网站控制台显示乱码,同时网页内容正常显示?

    如何在不影响用户界面的情况下实现控制台乱码? 当在小说网站上下载小说时,大家可能会遇到一个问题:网站上的文本在网页内正常显示,但是在控制台中却是乱码。如何实现此类操作,从而在不影响用户界面(UI)的情况下保持控制台乱码呢? 答案在于使用自定义字体。网站可以通过在服务器端配置自定义字体,并通过在客户端…

    2025年12月24日
    800
  • 如何在地图上轻松创建气泡信息框?

    地图上气泡信息框的巧妙生成 地图上气泡信息框是一种常用的交互功能,它简便易用,能够为用户提供额外信息。本文将探讨如何借助地图库的功能轻松创建这一功能。 利用地图库的原生功能 大多数地图库,如高德地图,都提供了现成的信息窗体和右键菜单功能。这些功能可以通过以下途径实现: 高德地图 JS API 参考文…

    2025年12月24日
    400
  • 如何使用 scroll-behavior 属性实现元素scrollLeft变化时的平滑动画?

    如何实现元素scrollleft变化时的平滑动画效果? 在许多网页应用中,滚动容器的水平滚动条(scrollleft)需要频繁使用。为了让滚动动作更加自然,你希望给scrollleft的变化添加动画效果。 解决方案:scroll-behavior 属性 要实现scrollleft变化时的平滑动画效果…

    2025年12月24日
    000
  • 如何为滚动元素添加平滑过渡,使滚动条滑动时更自然流畅?

    给滚动元素平滑过渡 如何在滚动条属性(scrollleft)发生改变时为元素添加平滑的过渡效果? 解决方案:scroll-behavior 属性 为滚动容器设置 scroll-behavior 属性可以实现平滑滚动。 html 代码: click the button to slide right!…

    2025年12月24日
    500
  • 如何选择元素个数不固定的指定类名子元素?

    灵活选择元素个数不固定的指定类名子元素 在网页布局中,有时需要选择特定类名的子元素,但这些元素的数量并不固定。例如,下面这段 html 代码中,activebar 和 item 元素的数量均不固定: *n *n 如果需要选择第一个 item元素,可以使用 css 选择器 :nth-child()。该…

    2025年12月24日
    200
  • 使用 SVG 如何实现自定义宽度、间距和半径的虚线边框?

    使用 svg 实现自定义虚线边框 如何实现一个具有自定义宽度、间距和半径的虚线边框是一个常见的前端开发问题。传统的解决方案通常涉及使用 border-image 引入切片图片,但是这种方法存在引入外部资源、性能低下的缺点。 为了避免上述问题,可以使用 svg(可缩放矢量图形)来创建纯代码实现。一种方…

    2025年12月24日
    100
  • 如何让“元素跟随文本高度,而不是撑高父容器?

    如何让 元素跟随文本高度,而不是撑高父容器 在页面布局中,经常遇到父容器高度被子元素撑开的问题。在图例所示的案例中,父容器被较高的图片撑开,而文本的高度没有被考虑。本问答将提供纯css解决方案,让图片跟随文本高度,确保父容器的高度不会被图片影响。 解决方法 为了解决这个问题,需要将图片从文档流中脱离…

    2025年12月24日
    000
  • 为什么 CSS mask 属性未请求指定图片?

    解决 css mask 属性未请求图片的问题 在使用 css mask 属性时,指定了图片地址,但网络面板显示未请求获取该图片,这可能是由于浏览器兼容性问题造成的。 问题 如下代码所示: 立即学习“前端免费学习笔记(深入)”; icon [data-icon=”cloud”] { –icon-cl…

    2025年12月24日
    200
  • 如何利用 CSS 选中激活标签并影响相邻元素的样式?

    如何利用 css 选中激活标签并影响相邻元素? 为了实现激活标签影响相邻元素的样式需求,可以通过 :has 选择器来实现。以下是如何具体操作: 对于激活标签相邻后的元素,可以在 css 中使用以下代码进行设置: li:has(+li.active) { border-radius: 0 0 10px…

    2025年12月24日
    100
  • 如何模拟Windows 10 设置界面中的鼠标悬浮放大效果?

    win10设置界面的鼠标移动显示周边的样式(探照灯效果)的实现方式 在windows设置界面的鼠标悬浮效果中,光标周围会显示一个放大区域。在前端开发中,可以通过多种方式实现类似的效果。 使用css 使用css的transform和box-shadow属性。通过将transform: scale(1.…

    2025年12月24日
    200
  • 为什么我的 Safari 自定义样式表在百度页面上失效了?

    为什么在 Safari 中自定义样式表未能正常工作? 在 Safari 的偏好设置中设置自定义样式表后,您对其进行测试却发现效果不同。在您自己的网页中,样式有效,而在百度页面中却失效。 造成这种情况的原因是,第一个访问的项目使用了文件协议,可以访问本地目录中的图片文件。而第二个访问的百度使用了 ht…

    2025年12月24日
    000
  • 如何用前端实现 Windows 10 设置界面的鼠标移动探照灯效果?

    如何在前端实现 Windows 10 设置界面中的鼠标移动探照灯效果 想要在前端开发中实现 Windows 10 设置界面中类似的鼠标移动探照灯效果,可以通过以下途径: CSS 解决方案 DEMO 1: Windows 10 网格悬停效果:https://codepen.io/tr4553r7/pe…

    2025年12月24日
    000
  • 使用CSS mask属性指定图片URL时,为什么浏览器无法加载图片?

    css mask属性未能加载图片的解决方法 使用css mask属性指定图片url时,如示例中所示: mask: url(“https://api.iconify.design/mdi:apple-icloud.svg”) center / contain no-repeat; 但是,在网络面板中却…

    2025年12月24日
    000
  • 如何用CSS Paint API为网页元素添加时尚的斑马线边框?

    为元素添加时尚的斑马线边框 在网页设计中,有时我们需要添加时尚的边框来提升元素的视觉效果。其中,斑马线边框是一种既醒目又别致的设计元素。 实现斜向斑马线边框 要实现斜向斑马线间隔圆环,我们可以使用css paint api。该api提供了强大的功能,可以让我们在元素上绘制复杂的图形。 立即学习“前端…

    2025年12月24日
    000
  • 图片如何不撑高父容器?

    如何让图片不撑高父容器? 当父容器包含不同高度的子元素时,父容器的高度通常会被最高元素撑开。如果你希望父容器的高度由文本内容撑开,避免图片对其产生影响,可以通过以下 css 解决方法: 绝对定位元素: .child-image { position: absolute; top: 0; left: …

    2025年12月24日
    000
  • CSS 帮助

    我正在尝试将文本附加到棕色框的左侧。我不能。我不知道代码有什么问题。请帮助我。 css .hero { position: relative; bottom: 80px; display: flex; justify-content: left; align-items: start; color:…

    2025年12月24日 好文分享
    200
  • 前端代码辅助工具:如何选择最可靠的AI工具?

    前端代码辅助工具:可靠性探讨 对于前端工程师来说,在HTML、CSS和JavaScript开发中借助AI工具是司空见惯的事情。然而,并非所有工具都能提供同等的可靠性。 个性化需求 关于哪个AI工具最可靠,这个问题没有一刀切的答案。每个人的使用习惯和项目需求各不相同。以下是一些影响选择的重要因素: 立…

    2025年12月24日
    000
  • 如何用 CSS Paint API 实现倾斜的斑马线间隔圆环?

    实现斑马线边框样式:探究 css paint api 本文将探究如何使用 css paint api 实现倾斜的斑马线间隔圆环。 问题: 给定一个有多个圆圈组成的斑马线图案,如何使用 css 实现倾斜的斑马线间隔圆环? 答案: 立即学习“前端免费学习笔记(深入)”; 使用 css paint api…

    2025年12月24日
    000
  • 如何使用CSS Paint API实现倾斜斑马线间隔圆环边框?

    css实现斑马线边框样式 想定制一个带有倾斜斑马线间隔圆环的边框?现在使用css paint api,定制任何样式都轻而易举。 css paint api 这是一个新的css特性,允许开发人员创建自定义形状和图案,其中包括斑马线样式。 立即学习“前端免费学习笔记(深入)”; 实现倾斜斑马线间隔圆环 …

    2025年12月24日
    100

发表回复

登录后才能评论
关注微信