如何用svg代码排版微信？

Posted 2023-04-08

参考技术A SVG 即 Scalable Vector Graphics，是一种用来绘制矢量图的 HTML5 标签。你只需定义好XML属性，就能获得一致的图像元素。 　　使用SVG之前先将标签加入到HTML body中。就像其他的HTML标签一样，你可以为SVG标签为之添加ID属性。也可以为之添加css样式，例如“border-style:solid;border-width:2px;”。SVG标签跟其它的HTML标签有通用的属性。你可以用height="100px" width="200px" 为其添加高度和宽度。 　　现在就将SVG元素加入到我们HTML代码中，SVG提供很多绘图形状，例如线条、圆、多边形等。 　　SVG线条： 　　SVG线条用标签定义，在此标签内你还可以定义其他的属性。 　　该标签包括像起点坐标(x1,y1)和终点坐标(x2,y2)这样的属性。指定x1,y1,x2,y2值来设定起点终点坐标。在指定好坐标后，可以为之添加一些样式，在style属性中使用“stroke:Green;”为线条指定颜色。同样你也可以用stroke-width:2为线条设置宽度。　　SVG画圆： 　　SVG提供了一种不同的标签来画圆。正如你看到的下面代码，circle有个id为myCircle。为了定义圆的中心以及半径，使用cx="55" cy="55"以及r="50"属性分别定义。使用fill="#219E3E"为圆填充颜色。同样你可以用stroke="#17301D" stroke-width="2"定义圆周线条颜色和宽度。　　SVG矩形: 　　同样的使用标签来画矩形，我们同样设置了 id 属性 “myRectangle” ,用 width="300" height="100" 定义高宽，使用 fills 属性定义填充颜色。用 strock 定义边框。还有一点需要注意，我用 fill-opacity="0.5" stroke-opacity="0.5" 为 stroke 和 filling 都添加了透明度。　　SVG椭圆： 　　我们同样是用标签来绘制椭圆。设置其 id="myEllipse" ，给定起中心坐标 cx="120"cy="60"，长轴短轴半径 rx="100" ry="50",并用设置填充颜色、边框宽度以及边框颜色style="fill:#3F5208;stroke:black;stroke-width:3"。　　SVG多边形： 　　我们使用特定标签绘制多边形,points属性用来定义多边形的几个顶点，用左边对来定义，形如 points="10,10 75,150 150,60" ，这里定义了三个顶点(10,10),(75,150),(150,60)。同上面一样，用 style="fill:#63BCF7;stroke:black;stroke-width:3" 定义多边形填充颜色、边框以及边框宽度。

如何用markdown编辑器排版github个人项目创建

参考技术A 1、 我们可以利用Markdown可插入文本，代码块，图片，表格等。在此之前我们还需要熟悉Markdown语法，至于Markdown规范，此处就不赘述了，简书和度娘上有很多这方面的博客请大家自行搜索。
(1)、首先打开Markdown编辑器，选择新建，
新建文件

输入我们想要的格式，如我想要一个标题可输入：

## 小时光の履歴

（2）、此处省略操作步骤，既然是DIY简历，当然是自己想写成什么样就写成什么样了，一般都是项目经验，工作经历，个人评价之类的（好吧，其实是我懒）；
（3）、当简历达到我们满意的效果后，选择导出HTML格式
（4）、新建一个文件夹，命名为MyBioHTML，并将之前导出的HTML个人项目拖到该文件夹下，此时我们可以在浏览器上打开查看自己简历，如果在简历中加入了图片，最好也一同复制到该文件夹下，之后一起传到GitHub上，因为此时我们的简历上的图片访问的是本地图片，把我们的HTML文件上传到GitHub上之后就会找不到了！！