svg实现直线带双向箭头，且直线中间镶嵌文本

最新推荐文章于 2023-05-12 11:26:12 发布

lianflower

最新推荐文章于 2023-05-12 11:26:12 发布

阅读量607

点赞数

本文链接：https://blog.youkuaiyun.com/lianflower/article/details/107492729

版权

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>svg实现直线带双向箭头，且直线中间镶嵌文本</title>
    <script src="../js/jquery-3.3.1.min.js"></script>
    <style>
        * {
    
            margin: 0;
            padding: 0;
            box-sizing: border-box; /*保证盒子的大小不会因为padding值的影响而变大。默认情况下padding的值会影响盒子的大小*/
        }
        html, body {