什么是 Tldraw ？

Tldraw 是一款免费的绘图和图表工具，具有手绘风格和智能箭头、捕捉和便签等便捷功能。并可以导出 svg 等图片格式，可以作为组件嵌入到其他应用中。比如号称下一代笔记的 AFFiNE 就用了 Tldraw 来完成白板协同功能。

官方有演示网站：https://www.tldraw.com/

构建镜像

如果你不想自己构建，可以跳过，直接阅读下一章节

第一次研究基于 next.js 开发的软件，但是一直没搞明白编译后的目录如何发布，虽然看了 Vercel 官方的 Dockerfile 也无济于事，始终还是没搞定 standalone ，据说这种发布的镜像体积会比较小，但毕竟不是程序员，看个文档也看不明白。

有兴趣的同学可以自己研究：https://nextjs.org/docs/advanced-features/output-file-tracing#automatically-copying-traced-files

老苏参考了官方和网上其他的一些文档，整了个四不像的 Dockerfile，编出来的镜像居然有 1G

先这么用着，比较符合老苏一贯的实用主义思想。

FROM node:16.5 as builder
MAINTAINER laosu<wbsu2003@gmail.com>    WORKDIR /app
COPY package.json ./    RUN yarn config set registry https://registry.npm.taobao.org/ & yarn
RUN yarn add mobx-react mobx-persist mobx mobx-react-form validatorjs valid-url
COPY . ./
RUN yarn build    FROM node:16.5 AS runner
MAINTAINER laosu<wbsu2003@gmail.com>  WORKDIR /app    ENV NODE_ENV production    RUN addgroup --system --gid 1001 nodejs
RUN adduser --system --uid 1001 nextjs  COPY --from=builder /app/public ./public
COPY --from=builder --chown=nextjs:nodejs /app/.next ./.next
COPY --from=builder /app/node_modules ./node_modules
COPY --from=builder /app/package.json ./package.json    USER nextjs
EXPOSE 3000
ENV PORT 3000    CMD ["node_modules/.bin/next", "start"]

构建镜像和容器运行的基本命令如下

免费的绘图和图表工具Tldraw相关推荐

delphi tdxdbgrid 导出 excel_9个免费的Excel图表工具，1键即可做出高大上图表，月薪3万没问题...
相信大家平时都会有制作PPT的需要,但是看完下面这些高大上的Excel图表,你还会觉得做Excel的不如做PPT的吗?接下来就带大家看看这些完全免费的工具! -----没有感情的分割线---- 全文共 ...
告别Excel，免费大数据分析与可视化工具，让你的论文图表“高大上”
数据分析工具很多,可以分为表格.数据库.BI工具.编程等四大工具.每个大类又有很多的工具,例如表格包括Excel.WPS.Google Sheets.Airtable等.编程工具包括Python和R. ...
免费的绘图工具DrowIO下载及安装
还在为论文绘图而烦恼吗?还在为如何选择画图工具而烦恼吗?没事,本期就给你们推荐一款超级好用且免费的绘图工具--DrawIO. 目前使用比较多的绘图工具有:Visio.亿图图示.Word.PPT.Dra ...
免费Flash图表工具FusionChart
图表显示是很多开发工作所必不可少的一项功能,今天我介绍一个前段时间发现的免费的Flash图表开发工具,可以通过Adobe Flash实现数据的图表化,动态化以及相互交互. FusionChart是一个 ...
创建图表_12个免费的顶级信息图表制作工具，让你也能做出漂亮的可视化图表...
先上几张图,感受下,什么叫信息图表,什么叫信息可视化. 如果你在某个稍具规模的公司混,或者,你需要在某个特定场合展示你的数据.这种图就能大大的派上用场.它的好处显而易见:可以装逼很清晰的展示数据,化平 ...
Visio替代图表工具 - 为什么Visual Paradigm Online？
如果您曾尝试使用MSVisio®创建流程图,您知道这并不容易.Visual Paradigm Online(VP Online)更加用户友好且直观,更不用说它的成本更低且平台中立. 让我们来看看为什么 ...
免费而优秀的图表JS插件、js图表、html图表--百度的Echart、Highcharts、阿里的G2、Chart.js...
免费而优秀的图表JS插件 1.百度的Echart ECharts,缩写来自Enterprise Charts,是百度推出的一款开源的,商业级数据图表,它最初是为了满足百度公司商业体系里各种业务系统(如 ...
推荐10款免费而优秀的图表插件
推荐10款免费而优秀的图表插件开发人员很多时候需要使用图表来表现一些数据,而一张图表往往能够比几行密密麻麻的数字表格更能直观地展示数据内容.随着Web技术的发展,从传统只能依靠于flash.IE的v ...
python可视化图表工具_酷炫的可视化图表工具来帮忙深度评测五大Python数据可视化工具...
原标题:酷炫的可视化图表工具来帮忙深度评测五大Python数据可视化工具不少Python用户的一大诉求是做出各种酷炫的可视化图表,而这就需要了解清楚工具特色,才好在制作不同类型图表顺利找到适合自己 ...

免费的绘图和图表工具Tldraw

构建镜像

免费的绘图和图表工具Tldraw相关推荐

最新文章

热门文章