svg实现小图标，绘制文本

最新推荐文章于 2024-09-10 17:36:55 发布

Xaire

最新推荐文章于 2024-09-10 17:36:55 发布

阅读量1.7k

点赞数

分类专栏： web

本文链接：https://blog.csdn.net/u012183426/article/details/81638399

版权

本文详细介绍了如何使用SVG（可缩放矢量图形）技术来创建和实现小图标，以及如何在SVG中绘制文本。通过SVG，开发者可以创建分辨率无关、清晰的图形元素，适用于各种屏幕尺寸。文章涵盖了SVG的基本语法、图标绘制技巧和文本渲染方法。

摘要由CSDN通过智能技术生成

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <style></style>
</head>
<body>
<h1>line直线,g是group的缩写可以统一一组的属性，其本身不可见</h1>
<svg id="s9" width="500" height="400">
    <g stroke="#000" stroke-width="50" stroke-linecap="round">
        <line x1="50" y1="50" x2="50" y2="50" ></line>
        <line x1="120" y1="50" x2="220" y2="50" ></line>
        <line x1="50" y1="120" x2="50" y2="120"></line>
        <line x1="120" y1="1