svg html 変換の検索結果1 - 3 件 / 3件

• あとで読む

  HTMLやCSSをSVGに変換するためのオープンソースのライブラリ・「Satori」

  • 3 users
  • kachibito.net
  • テクノロジー
  • 2022/10/12

  SatoriはHTMLやCSSをSVGに変換するためのオープンソースのライブラリです。ホスティングサービスのVercel謹製のようです。 イメージ的にはHTMLやCSSを書く感覚でSVGを生成できる、と言った方が近いかもしれません。尚、JSX構文がサポートされています。 import satori from 'satori' const svg = await satori( <div style={{ color: 'black' }}>hello, world</div>, { width: 600, height: 400, fonts: [ { name: 'Roboto', data: robotoArrayBuffer, weight: 400, style: 'normal', }, ], }, )このように書く事で600×400サイズのSVGコードが生成される、というものに

  
• あとで読む

  数式のスクリーンショットをLaTeX形式に変換してくれる「Mathpix Snip for Mac」がLaTeX以外にWeb用のMathMLやAsciiMath、SVG、HTML、TSVフォーマットに対応。

  • 3 users
  • applech2.com
  • テクノロジー
  • 2020/03/05

  数式のスクリーンショットをLaTeX形式に変換してくれる「Mathpix Snip for Mac」がLaTeX以外にMathMLやAsciiMath、SVG、HTML、TSVフォーマットに対応しています。詳細は以下から。 スクリーンショットや写真から数式をLaTeX形式へ変換してくれるツール「Mathpix Snip」シリーズを開発＆公開している米Mathpix Inc.は現地時間2020年03月04日、Mathpix Snip for Macアプリをv2.3へアップデートし、LaTeXフォーマット以外に数式をMathMLやAsciiMath, SVG, HTML, TSVフォーマットに変換する機能を追加したと発表しています。 Mathpix Snipping Tools v2.3 What’s new: Fixed rendering bugs for tables Alternati

  • あとで読む

  
• あとで読む

  HTML/CSS を SVG に変換する Vercel 製のパッケージ「satori」を試してみる

  • 3 users
  • zenn.dev/kou_pg_0131
  • テクノロジー
  • 2023/01/03

  使い方 基本 satori() に SVG に変換したい要素とオプションを渡すだけです。 SVG に変換したい要素は JSX 記法を使うことができるので、 React アプリケーションであれば導入しやすいのではないかと思います。 import fs from "fs"; import satori from "satori"; (async () => { // フォントを読み込む // ファイルから読み込む例 ( Node.js のみ ) const fontData = fs.readFileSync("/path/to/Roboto-Regular.ttf"); // URL から読み込みたいときは `fetch` 等を使う const fontData = await fetch("https://example.com/Roboto-Regular.ttf").then((res

  • SVG