Satori是由Vercel团队开源的使用HTML和CSS代码生成SVG图像的库，能够将HTML和CSS转换为SVG、PNG、PDF的在线工具，可以用来生成OpenGraph图片。
Satori支持JSX语法，下面是基本用法的概述：
//api.jsximportsatorifrom'satori'constsvg=awaitsatori(<divstyle={{color:'black'}}>hello,world</div>,{width:600,height:400,fonts:[{name:'Roboto',//Use`fs`(Node.jsonly)or`fetch`toreadthefontasBuffer/ArrayBufferandprovide`data`here.data:robotoArrayBuffer,weight:400,style:'normal',},],},)Satori会将元素渲染成600×400的SVG，并返回SVG字符串：
'<svg...><pathd="..."fill="black"></path></svg>'在引擎盖下，它处理布局计算、字体、排版等，以生成与浏览器中完全相同的HTML和CSS匹配的SVG。
评论