【svgwrite 库简介,附代码】如何将 .ttf 字体文件转化为 .svg 矢量图形?

当涉及到字体和矢量图形时,.ttf 和 .svg 是两种不同的文件格式:

.ttf (TrueType Font):
  • .ttf 文件是一种常见的字体文件格式,用于存储 TrueType 字体。TrueType 是一种字体轮廓的标准,它使用贝塞尔曲线描述字形,以确保在不同的尺寸和分辨率下都能保持清晰和平滑的显示效果。
  • 这种文件通常包含了字形、字符映射表和其他字体信息,以便在计算机上正确地显示文本。
.svg (Scalable Vector Graphics):
  • .svg 文件是一种用于描述矢量图形的 XML 格式文件。矢量图形是由数学公式描述的图形,因此可以无限放大而不失真。
  • .svg 文件中包含了图形元素(如路径、文本、形状等),以及它们的属性(如颜色、大小、样式等)。
  • .svg 文件通常用于 Web 开发中的图形和图标,因为它们可以在不同的屏幕尺寸和分辨率下保持清晰度,并且支持交互性。

.ttf 快速转化到 .svg

本博客使用了 Python 中的 svgwrite 库来生成 SVG 图像。

  1. def create_svg_text(text, font_path, font_size, text_color, save_path=None)::这是一个函数定义,它接受文本内容、字体路径、字体大小、文本颜色和保存路径作为参数。

  2. dwg = svgwrite.Drawing(save_path, size=("100%", "100%")): 这一行创建了一个 SVG 图像对象 dwg,并指定了图像的保存路径和大小。

  3. dwg.add(dwg.text(text, insert=(0, font_size), fill=text_color, font_family=font_path, font_size=font_size)):这一行向 SVG 图像中添加了文本元素。其中,dwg.text() 创建了一个文本元素,参数包括要显示的文本内容 text、文本位置 insert、填充颜色 fill、字体名称 font_family 和字体大小 font_size

  4. if save_path::这一行检查是否提供了保存路径。

  5. dwg.save(): 如果提供了保存路径,则保存生成的 SVG 图像。

  6. return dwg.tostring(): 返回 SVG 图像的字符串表示形式。

  7. if __name__ == "__main__"::这是 Python 中常见的用于检查脚本是否直接执行的语法。如果脚本被直接执行,则执行以下代码块。

  8. text = "input content":指定要显示的文本内容。 font_style = 'choose downloaded font_style':指定字体样式。

  9. font_path = '/path/to/font_styles/' + f'{font_style}.ttf':构建字体文件的完整路径。

  10. font_size = 400:指定字体大小。

  11. save_path = '/path/to/' + f'lv-{font_style}.svg':构建保存 SVG 图像的完整路径。

  12. text_color = "#000000":指定文本颜色为黑色。

  13. create_svg_text(text, font_path, font_size, text_color, save_path=save_path): 调用 create_svg_text 函数来生成 SVG 图像,并保存到指定路径。

import svgwrite

def create_svg_text(text, font_path, font_size, text_color, save_path=None):
    # Create SVG drawing
    dwg = svgwrite.Drawing(save_path, size=("100%", "100%"))
    
    # Add text to SVG
    dwg.add(dwg.text(text, insert=(0, font_size), fill=text_color, font_family=font_path, font_size=font_size))
    
    # Save SVG
    if save_path:
        dwg.save()
    
    return dwg.tostring()

if __name__ == "__main__":
    text = "input content"
    font_style = 'choose downloaded font_style'
    font_path = '/path/to/font_styles/' + f'{font_style}.ttf' # .ttf /.otf
    font_size = 400
    save_path = '/path/to/' + f'lv-{font_style}.svg'
    text_color= "#000000"
    
    create_svg_text(text, font_path, font_size, text_color, save_path=save_path)

最后,把得到的 .svg 放入 figma 中,发现很好的适配了软件,而且还可以直接编辑文字!🎉
在这里插入图片描述

更多资料:
[1] https://svgwrite.readthedocs.io/en/latest/overview.html
[2] https://www.runoob.com/svg/svg-text.html

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:/a/570322.html

如若内容造成侵权/违法违规/事实不符,请联系我们进行投诉反馈qq邮箱809451989@qq.com,一经查实,立即删除!

相关文章

linux中git的使用

为什么要有git git相当于一个仓库可以让我们更好的去管理我们的代码,实现版本的控制,上传到云端仓库。有了git,就可以实现多人同时开发一个项目(每个负责一部分代码,最后都上传到同一个仓库)。 git github/gitee 的区…

羊大师分享,羊奶夏日里的养生佳品

羊大师分享,羊奶夏日里的养生佳品 羊奶,作为夏日里的养生佳品,确实拥有诸多益处。在炎炎夏日,人体面临着高温、湿度的双重考验,身体容易出现各种不适,而羊奶正好可以为我们提供多方面的滋养与保护。 羊奶…

UTONMOS:用区块链技术拓展商业边界在哪里?

引言 大约从 2021 年Web 3 这个新概念开始受到风险基金和科技圈的普遍关注。但如果你对过去几年区块链的发展历史足够了解,就应该已经意识到现在的 Web 3 并不是什么新技术,甚至不是旧技术的进步,它只是一个基于区块链技术的宏大构想。 我是…

光伏储能控制系统的功能策略

一、控制策略 1、功率控制策略 光伏阵列的输出功率受光照和温度影响,最大功率点是转换太阳能为电能的最高效点。MPPT控制器根据实时参数调整光伏阵列工作点,确保其始终处于最大功率输出状态,提高能量转换效率,增加发电量&#x…

产品经理好干吗?

赚钱的工作都不轻松吧,除非是家里资源好的。 产品经理的薪资还是可观的 ,小白如何成为产品经理? 首先要有经验,有理论知识,对想从事产品经理相关岗位的人来说,这基本是个必考的证书了,感兴趣的…

【每天一个linux小知识】nslookup

往期文章 tailf 和 tail -f 目录 往期文章什么是 nslookup示例参考 什么是 nslookup nslookup全称 name server lookup nslookup 是一款常用的网络工具,用于查询 DNS 的记录。通过 nslookup,用户可以查找特定主机的 IP 地址、查询域名的 MX 记录&…

Seatunnel-web build:prod 报错 jsx问题

问题1 JSX element implicitly has type any because no interface JSX.IntrinsicElements exists. 问题剖析 在使用typescript的时候,在vue或react、node中报以上错误,是JSX 元素隐式具有类型 "any",因为不存在全局类型 "J…

three.js 3D Banner实战

需求场景 1、加载glb模型 2、设置背景 3、让第一个模型转动&#xff0c;并调整模型的转动速度 4、设置模型的宽度。 遇到的问题 1、为什么加载的模型不能转动&#xff1f; 加载的glb模型需要加入到goup里面才能转动。 代码实施 <script setup> import * as THREE from…

UTC和北京时间

influxdb 的时间为UTC和北京时间相差8小时&#xff0c;需要经常转化&#xff0c;所以有下面的2个常用时间 public static void main(String[] args) {//北京时间当天0点ZonedDateTime dateTime ZonedDateTime.now(ZoneId.of("Asia/Shanghai"));ZonedDateTime beijin…

【zabbix7】新版本尝鲜之connector

zabbix历史版本中&#xff0c;会使用python脚本&#xff0c;把zabbix的告警发送到kafka进行二次处理&#xff0c;或者使用filebeat把zabbix的Export的njson指标数据发送到kafka进行二次处理&#xff0c;然而在zabbix7中新增了新功能connector简化了操作并且可以根据tag进行区分…

微信订阅号绑定Coze(扣子),使用上GPT4

之前试过国外的Coze可以绑定一些通讯工具&#xff0c;从而可以使用相当于chatgpt4的功能&#xff0c;但对于我们来说&#xff0c;使用不太方便。 后来头条又有了国内版的Coze(扣子)&#xff0c;发现可以绑定微信&#xff0c;但那时只有微信服务号可以使用&#xff0c;个人订阅…

【嵌入式】“野指针”和“悬空指针”的奇淫拙劣

【嵌入式】“野指针”和“悬空指针”的奇淫拙劣 1. 前言1.1 授权须知 2. 野指针和悬空指针3.举例说明3.1 示例一&#xff1a;free 之后&#xff0c;没有让指针指向NULL3.1.1 代码解析3.1.2 运行代码的结果3.1.3 程序崩溃在哪&#xff1f; 3.2 悬空指针–释放后使用攻击 1. 前言…

【Linux】LInux下的进程状态

&#x1f466;个人主页&#xff1a;Weraphael ✍&#x1f3fb;作者简介&#xff1a;目前正在学习c和算法 ✈️专栏&#xff1a;Linux &#x1f40b; 希望大家多多支持&#xff0c;咱一起进步&#xff01;&#x1f601; 如果文章有啥瑕疵&#xff0c;希望大佬指点一二 如果文章对…

自学编程两个月,现在我月入 4 万元

这个外国小哥叫 Nico&#xff0c;他一开始是个编程小白&#xff0c;后来把自己关在房间里花了两个月时间学会了编程&#xff0c;如今正在开发一款名为 Talknotes 的应用&#xff0c;可以将语音备忘录转化为结构化的内容&#xff0c;月收入 5000 美元。 Nico 从高中毕业就开始创…

Linux蓝牙驱动模拟HID设备(把Linux系统模拟成蓝牙鼠标和蓝牙键盘)

by fanxiushu 2024-04-24 转载或引用请注明原始作者。 在经过windows的蓝牙驱动开发模拟成HID设备的大风大浪之后&#xff0c; 现在回到linux下实现相同功能&#xff0c;简直就是如小孩嬉闹一样的轻松。 但无论如何&#xff0c;作为模拟蓝牙HID设备的windows&#xff0c;linux一…

导出瑞芯微(Rockchip)芯片的设备树(Device Tree)

要导出瑞芯微&#xff08;Rockchip&#xff09;芯片的设备树&#xff08;Device Tree&#xff09;&#xff0c;可以使用设备树编译器&#xff08;DTC&#xff0c;Device Tree Compiler&#xff09;。通常&#xff0c;会有一个设备树的源文件&#xff08;.dts&#xff09;&#…

安装Selenium

安装Selenium 【0】引言 ​ 由于sleenium4.1.0需要python3.7以上方可支持&#xff0c;请注意自己的python版本。 【1】使用Pycharm安装 使用 快捷键 Ctrl Alt S 【2】使用 pip 安装 Python3.x安装后就默认就会有pip&#xff08;pip.exe默认在python的Scripts路径下&…

代码随想录算法训练营第四十九天| LeetCode121. 买卖股票的最佳时机、122.买卖股票的最佳时机II

一、LeetCode121. 买卖股票的最佳时机 题目链接/文章讲解/视频讲解&#xff1a;https://programmercarl.com/0121.%E4%B9%B0%E5%8D%96%E8%82%A1%E7%A5%A8%E7%9A%84%E6%9C%80%E4%BD%B3%E6%97%B6%E6%9C%BA.html 状态&#xff1a;已解决 1.思路 学了双指针的同学可能会下…

「ETL趋势」FDL数据中心库/表查看和调试功能上线、数据源新增支持MongoDB写入

FineDataLink作为一款市场上的顶尖ETL工具&#xff0c;集实时数据同步、ELT/ETL数据处理、数据服务和系统管理于一体的数据集成工具&#xff0c;进行了新的维护迭代。本文把FDL4.1.6最新功能作了介绍&#xff0c;方便大家对比&#xff1a;&#xff08;产品更新详情&#xff1a;…

float类型的存储

float类型的存储 在计算机科学中&#xff0c;float类型通常指的是单精度浮点数。它是一种用于近似表示实数的方法&#xff0c;特别适用于表示很大或很小的数。float类型在大多数编程语言中遵循IEEE 754标准&#xff0c;这是一个国际标准&#xff0c;用于确保在不同计算机和编程…