excalidraw 使用中文手写体

于 2021-12-03 15:36:18 发布 4417 收藏 2
文章标签： ui
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44361901/article/details/121699992
版权

前言

我们都知道excalidraw是一个很棒的手绘形式的开源画图工具，无需登录，直接在网站上就能画图，可以很方便的导出文件，退出重进后，还会显示上次退出时画的图，非常方便，而且可以导入别人画的模块，适合画一些活泼生动的图。这里放上官网链接，官网会更新最新版。

https://excalidraw.com/

但是官方还没有更新中文手写字体，如果需要用到中文，那么方方正正的方块字会破坏整体的和谐，因此我添加了中文手写体到原来的字体包中，需要用到中文的小伙伴可以进入以下网址进行绘图。

https://ajietextd.github.io/

在这里插入图片描述

后续更新如何自定义字体，以及将项目部署到github pages

絮语流年
关注
  • 7
    点赞
  • 踩
  • 2
    收藏
  • 打赏
    打赏
  • 2
    评论
excalidraw-animate:动画化Excalidraw工程图的工具
04-13
过激动画 这是什么 这是将绘图转换为动画的外部工具。 如何使用它 访问： ： 使用本地文件 在Excalidraw中另存为文件 在Excalidraw Animate中加载文件 使用共享链接 在Excalidraw中创建一个可共享的链接 在字段中输入链接，然后单击“动画！”。 这也适用于Excalidraw库链接。 已知的问题 导出WebM功能并不完美。 如果无法正常使用，请使用屏幕截图。 鸣叫 试用的公共网址 带线的真实示例 免费抽奖示例 文字范例 所有形状的例子 具有更好时机的真实示例 暂停并继续 导出SVG和WebM 添加文本字段 分组支持 嵌入示例 加载本地文件 键盘快捷键 对图书馆的支持 支持圆角矩形 支持背景色 改进的WebM导出 库的网格布局 支持箭头 逐步浏览动画 Excalidraw的其他项目 Excalidraw画廊 Excalidraw粘土伴侣 Exca
【踩坑日记 · 前端】为 Excalidraw 添加中文手写字体
.
11-18 2490
Excalidraw 是一款完全免费的手绘风格绘图在线应用，能快速画出漂亮的流程图、示意图和图表，但美中不足的是，Excalidraw 只支持英文手写字体，好在 Excalidraw 是开源软件，我们可以通过修改代码为其添加中文手写字体。
Excalidraw：开源趣味画图工具（在线和本地均可）
京河小蚁的博客
12-28 236
Excalidraw：开源实用的白板画图工具（在线/本地安装）
支持Excalidraw的字体-JavaScript开发
05-26
Virgil Ellinor Rapp的Excalidraw官方字体。 贡献由于我们仍在研究人们的贡献方式，因此目前我们还没有使用Ellinor Rapp的Excalidraw官方字体Virgil。 贡献由于我们仍在研究人们的贡献方式，因此目前我们不接受任何PR，因此请提交问题。 FontLab您将需要最新版本的FontLab来打开源文件。
Excalidraw - 免费的手绘风格白板应用，能够画各种流程图、示意图、架构图
那些免费的砖
04-24 6955
一款完全免费的手绘风格绘图在线应用，能快速画出漂亮的流程图、示意图甚至是图表。 关于 Excalidraw Excalidraw 是一款轻量的手绘风格电子白板在线应用，无论是 Windows / macOS / linux，甚至是手机，打开浏览器就能使用，能简单地画出美观漂亮的流程图、示意图和开发架构图等常用图片，也可以作为会议画板使用，不仅是一款优秀的画图应用，也是一款自由便捷的电子白板应用。 Excalidraw 应用特点 界面简洁，交互细致，上手简单，操作习惯和大部分制图软件相似 免注册，支持中.
excalidraw-blog:Excalidraw的官方博客
04-28
Excalidraw博客 有关新闻和更新，请访问： : 。 开发 我们正在使用并且为了在本地运行它，请从根目录执行以下命令： yarn yarn start 访问进行测试。 撰写博客文章 在content/blog/创建一个新文件夹 文件夹名称应遵循kebab-case 使用帖子标题的标题进行命名 在该文件夹中创建index.md 在该文件夹中为打开的图形图像创建og.png 添加前题 title ：使用标题大小写作为标题 date ：ISO格式的日期。 范例： 2020-03-12 note ：可选。 阅读帖子时显示在日期旁边。 image ：打开的图形图像的文件名。 示例： og.png 在重新发布时， note字段通常用于链接到原始帖子（） 在<!-- end --> excerpt <!-- end -->添加excerpt （在首页上使用）
【工具学习】Obsidian - Excalidraw插件 - 中文手写体设置
qq_26176515的博客
07-26 3655
Obsidian-Excalidraw-中文手写体设置
别再问我们用什么画图的了！问就是excalidraw
我心飞翔
01-23 3983
每次发 https://github.com/tal-tech/go-zero 相关文章时，都会有读者问我们用什么画图的。 这图什么工具画的呀？好看！ 这个手绘风格真好看，用啥工具画的呀？ 可不可以介绍下这个画图的工具？ 诸如此类的问题，所以我决定写篇短文介绍下我们最常用的画图工具 https://excalidraw.com/ 我们手绘风格的流程图、架构图等等都是通过 https://excalidraw.com/ 画的 一个开源免费的画图软件 个人目前看到的最舒服的画图软件 支持多人协作 一些
你可能用得上的 N 款免费/开源中文字体
热门推荐
毕小烦的学习笔记
03-06 1万+
本文收集了一些免费/开源的中文字体，都是个人免费使用的，供大家参考。
【强烈推荐】程序员平时使用最多的绘图软件之一！！！
秦怀杂货店
02-27 1653
draw.io 之前画图一般都是使用processOn（https://www.processon.com/）,缺点就是只能通过网站画图，并且存在云端，不花钱想白嫖，只能画几张。 像我这种家庭条件，怎么用得起，而且我喜欢把东西存在自己的机器上，最好能有客户端，还能自己传到自己的存储上。 于是，我在github上找了draw.io客户端，其实也是有网页版的： 客户端github地址： https://github.com/jgraph/drawio-desktop 下载地址： https://github
vscode-excalidraw-embed:Excalidraw嵌入VSCode中！
04-06
Excalidraw编辑器 这个非正式的扩展将Excalidraw集成到VS Code中。 要使用它，请创建一个扩展名为.excalidraw的空文件，然后在VSCode中将其打开。 尝试使用以下官方Web版本： ： 特征 导出到png / svg Excalidraw命令： Excalidraw: Export to svg Excalidraw: Export to png Excalidraw: Export Options 与Git集成 快速预览提交之间的更改。 编辑器之间的双向同步 自动深色/浅色主题 使用“ Exalidraw: Color Theme命令切换主题。 在VS Code和Excalidraw Progressive Web App之间切换 使用Excalidraw: Open in Application命令在Excalidraw PWA中编辑您的
excalidraw-embed:不推荐使用
04-13
该库已弃用。 请使用 。 Excalidraw Excalidraw作为组件导出，可以直接嵌入您的项目中 安装 您可以使用npm npm install react react-dom excalidraw 或通过纱线 yarn add react react-dom excalidraw 安装后，您将在dist目录中看到以下字体文件，您必须将其复制到提供资产的路径中。 在演示中，它是通过公用文件夹提供的。 Cascadia.woff2 FG_Virgil.woff2 演示版 用法 import React , { useState } from "react" ; import Excalidraw from "excalidraw" ; import InitialData from "./initialData" ; import "excalidraw/dist/excali
Markdown&&流程图实用工具汇总Obsidian+excalidraw
luyee2010的专栏
03-10 2961
Markdown Obsidian 首先推荐Obsidian，不光支持md,配上excalidraw 完美 MarkDown效果，还可以选其他主题 excalidraw 流程图效果 画图 1. excalidraw 免费 支持手绘风(也可以二开支持中文字体手绘风） 2. draw.io 3.processon 4.飞书 5.visio ...
excalidraw-ui:Excalidraw的可重用UI元素的集合
03-12
excalidraw-ui 的可重用UI元素的。 用法 下载 。 打开 。 打开库（或按“ 9”）。 单击库中的任何元素，它将被添加到您的文档中。 概述 纽扣 头像 文字输入 搜索输入 标签输入 文字区 自动完成 选择输入 “更多”菜单 选框 收音机 对话 桌子
一些实用的网站
qq_41610829的博客
11-16 118
记录一些常用网站，以防换电脑后还要重找 1. 一键扣背景 remove bg 2. 好用的文件传输工具 拷贝兔 奶牛快传 3. 图片压缩编辑 doc small I love img 4. PDF工具 small pdf 5. 在线画图工具 excali draw 6. 实用工具箱 工具箱 7. 平面设计 创客贴 8. 在线绘制思维导图 git mind 9. MAC应用下载 xclient 10. 格式转换 office-converter 11. 原版软件收录
第一个 Qt 程序
51单片机1.01流水灯
03-16 1539
其中，左侧有上下两个子窗口，上面的窗口显示了项目的文件结构，显示当前的项目为“01_hello_world”，细心的还会发现“01_hello_world”是用粗体黑色标明。说明此项目是活动项目，活动项目的项目根节点都是用粗体字体表示的。如果打开了多个项目，那么我们只需要观察哪个是加粗的项目名就表示当前活动项目。Qt Creator 和其他 IDE 开发软件一样。都是分组管理项目内的各种源文件，下面是项目内的文件简介。
Telerik DevCraft Complete R1 2023 Cack
q2315702359的博客
03-18 509
Blazor R1 2023 SP1(v4.1.0)的Telerik UI-添加了新的DropZone组件并改进了脚手架页面模板。适用于WinUI R1 2023 SP1(2.5.0)的Telerik UI-图表组件为样条曲线系列添加了“样条曲线张力”功能。适用于.NET MAUI R1 2023 SP1(v5.1.0)的Telerik UI-改进了自动完成、组合框和数据网格组件。适用于ASP.NET(MVC和Core)R1 2023 SP1的Telerik UI-改进了上下文菜单、编辑器和甘特组件。
【Zabbix_6.x 第三章】 监控任意主机
最新发布
qq_48450494的博客
03-20 100
Linux by Zabbix agent 模板的监控项很多，如：cpu、磁盘、内存，swap、网卡、进程、用户登录数量等等但是我们不需要这些，是不是应该可以根据自己业务需求来自定义监控项呢？答案是：肯定的客户端流程描述Linux终端：通过命令、shell脚本取出监控的值Linux终端：根据Zabbix要求按照格式，写配置，创建键值对键值对用于获取客户端数据Linux终端：重启客户端，测试配置键值对是否正确可用1、客户端安装 Nginx2、通过命令、脚本取出对应的值3、创建键值。
vue以及前端css组件
Change the World by Program
03-17 474
它提供了一套完整的CSS和JavaScript组件库，使用简单且可定制，可以让你在少量的时间内完成大量的开发任务。Semantic UI React：Semantic UI React是一个基于Semantic UI的CSS框架，提供了一套完整的CSS组件库，可以让你快速轻松地创建网站和Web应用程序，具有优雅的外观和流畅的交互。Semantic UI：Semantic UI是一个强大的CSS框架，提供了一整套完整的CSS组件库，可以让你快速轻松地创建网站和Web应用程序，具有优雅的外观和流畅的交互。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

絮语流年

你的鼓励将是我创作的最大动力

¥2 ¥4 ¥6 ¥10 ¥20
输入1-500的整数
余额支付 (余额：-- )
扫码支付
扫码支付：¥2
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、C币套餐、付费专栏及课程。

余额充值