Now resvg has been upgraded from v0.29.0 to v0.34.0, bringing with it a host of new SVG features and performance improvements.
Support SVG2 mask-type property.
Allows quadratic Bézier curves: text might render slightly differently (better?). This is because TrueType fonts contain only quadratic curves and we were converting them to cubic before.
Clipping and masking is up to 20% faster.
Reduces the peak memory usage for SVGs with large paths (in terms of the number of segments).
A new rendering algorithm.
When rendering isolated groups,
aka layers, we have to know the layer bounding box beforehand, which is ridiculously hard in SVG.
Previously, resvg would simply use the canvas size for all the layers.
This means that to render a 10x10px layer on a 1000x1000px canvas, we would have to allocate and then blend
a 1000x1000px layer, which is just a waste of CPU cycles.
The new rendering algorithm is able to calculate layer bounding boxes, which dramatically improves
performance when rendering a lot of tiny layers on a large canvas.
Moreover, it makes performance more linear with a canvas size increase.
The paris-30k.svg
sample from google/forma is rendered 115 times faster on M1 Pro now.
From ~33760ms down to ~290ms. 5269x3593px canvas.
If we restrict the canvas to 1000x1000px, which would contain only the actual paris-30k.svg content,
then we're 13 times faster. From ~3252ms down to ~253ms.
Added
feat: upgrade to usvg/resvg 0.34.0. #268 Thanks to @zimond
Now we can finally loading custom fonts in Wasm, including the WOFF2 format (see playground), thanks to the high-performance woff2-rs.
In addition, we implemented smarter default font family fallback. the defaultFontFamily option can now be omitted. We'll read the font-family from the incoming fonts and set it to the default.
<script src="https://unpkg.com/@resvg/resvg-wasm"></script>
<script>
(async function () {
await resvg.initWasm(fetch('https://unpkg.com/@resvg/resvg-wasm/index_bg.wasm'))
const font = await fetch('./fonts/Pacifico-Regular.woff2')
Now resvg has been upgraded from v0.29.0 to v0.34.0, bringing with it a host of new SVG features and performance improvements.
Support SVG2 mask-type property.
Allows quadratic Bézier curves: text might render slightly differently (better?). This is because TrueType fonts contain only quadratic curves and we were converting them to cubic before.
Clipping and masking is up to 20% faster.
Reduces the peak memory usages for SVGs with large paths (in terms of the number of segments).
A new rendering algorithm.
When rendering isolated groups,
aka layers, we have to know the layer bounding box beforehand, which is ridiculously hard in SVG.
Previously, resvg would simply use the canvas size for all the layers.
Meaning that to render a 10x10px layer on a 1000x1000px canvas, we would have to allocate and then blend
a 1000x1000px layer, which is just a waste of CPU cycles.
The new rendering algorithm is able to calculate layer bounding boxes, which dramatically improves
performance when rendering a lot of tiny layers on a large canvas.
Moreover, it makes performance more linear with a canvas size increase.
The paris-30k.svg
sample from google/forma is rendered 115 times faster on M1 Pro now.
From ~33760ms down to ~290ms. 5269x3593px canvas.
If we restrict the canvas to 1000x1000px, which would contain only the actual paris-30k.svg content,
then we're 13 times faster. From ~3252ms down to ~253ms.
Added
feat: upgrade to usvg/resvg 0.34.0. #268 Thanks to @zimond
[2.5.0] - 2023-10-16
Added
Now we can finally loading custom fonts in Wasm, including the WOFF2 format (see playground), thanks to the high-performance woff2-rs.
In addition, we implemented smarter default font family fallback. the defaultFontFamily option can now be omitted. We'll read the font-family from the incoming fonts and set it to the default.
<script src="https://unpkg.com/@resvg/resvg-wasm"></script>
<script>
;(async function () {
await resvg.initWasm(fetch('https://unpkg.com/@resvg/resvg-wasm/index_bg.wasm'))
const font = await fetch('./fonts/Pacifico-Regular.woff2')
if (!font.ok) return
const fontData = await font.arrayBuffer()
const buffer = new Uint8Array(fontData)
Bumps the all group with 25 updates:
5.0.85.0.155.0.85.0.1513.5.314.0.12.4.12.6.020.8.020.8.1018.2.2318.2.3318.2.818.2.140.5.170.5.208.50.08.52.013.5.314.0.10.279.00.291.013.5.314.0.111.0.311.0.43.22.23.22.41.5.02.1.06.1.36.1.41.8.21.8.32.0.12.0.329.5.529.5.76.7.36.9.16.7.36.9.15.0.05.0.10.5.40.5.63.3.33.3.53.13.03.14.0Updates
@fontsource-variable/interfrom 5.0.8 to 5.0.15Commits
Updates
@fontsource/interfrom 5.0.8 to 5.0.15Commits
Updates
@next/fontfrom 13.5.3 to 14.0.1Release notes
Sourced from
@next/font's releases.... (truncated)
Commits
4df888av14.0.141dec2cv14.0.1-canary.59d49afcv14.0.1-canary.47e1f57bUpdate font data (#57728)fc1ecc4v14.0.1-canary.354a9da0v14.0.1-canary.2c70506dv14.0.1-canary.16a63c4fv14.0.1-canary.0b546d8bv14.0.0356dc42v13.5.7-canary.37Updates
@resvg/resvg-jsfrom 2.4.1 to 2.6.0Release notes
Sourced from
@resvg/resvg-js's releases.... (truncated)
Changelog
Sourced from
@resvg/resvg-js's changelog.... (truncated)
Commits
cfca7ad2.6.0065b7f4chore(deps): update actions/checkout action to v4ce9b094chore(deps): update yarn to v3.6.46d3968adoc: updage Readme.md0337aaatest: fix test and update the example resultsc041dd5feat: upgrade to a newer resvg forkde8b059test: fix fontBuffers test88595e1feat: upgrade to usvg/resvg 0.34b07a26f2.5.04e68970fix(deps): update rust crate svgtypes to 0.12.0Updates
@types/nodefrom 20.8.0 to 20.8.10Commits
Updates
@types/reactfrom 18.2.23 to 18.2.33Commits
Updates
@types/react-domfrom 18.2.8 to 18.2.14Commits
Updates
@vercel/ogfrom 0.5.17 to 0.5.20Updates
eslintfrom 8.50.0 to 8.52.0Release notes
Sourced from eslint's releases.
... (truncated)
Changelog
Sourced from eslint's changelog.
Commits
331cf628.52.07dc28edBuild: changelog update for 8.52.06d1f0c2chore: upgrade@eslint/js@8.52.0 (#17671)d63d4fechore: package.json update for@eslint/jsrelease476d58adocs: Add note about invalid CLI flags when using flat config. (#17664)5de9637fix: Ensure shared references in rule configs are separated (#17666)f30cefetest: fix FlatESLint tests for caching (#17658)ef650cbtest: update tests for no-promise-executor-return (#17661)70648eefeat: report-unused-disable-directive to report unused eslint-enable (#17611)dcfe573fix: add preceding semicolon in suggestions ofno-object-constructor(#17649)Updates
eslint-config-nextfrom 13.5.3 to 14.0.1Release notes
Sourced from eslint-config-next's releases.
... (truncated)
Commits
4df888av14.0.141dec2cv14.0.1-canary.59d49afcv14.0.1-canary.4fc1ecc4v14.0.1-canary.354a9da0v14.0.1-canary.2c70506dv14.0.1-canary.16a63c4fv14.0.1-canary.0b546d8bv14.0.0356dc42v13.5.7-canary.37fc1b6c4v13.5.7-canary.36Updates
lucide-reactfrom 0.279.0 to 0.291.0Release notes
Sourced from lucide-react's releases.
... (truncated)
Commits
f6fd369Github Actions cleanup - Use setup node for pnpm cache (#1616)c5cfbedadd info about dynamic imports to nextjs docs (#1564)Updates
nextfrom 13.5.3 to 14.0.1Release notes
Sourced from next's releases.
... (truncated)
Commits
4df888av14.0.141dec2cv14.0.1-canary.5e26c901Update React from 8c8ee9ee6 to 0c6348758 and types (#57772)676d1eeRemove extra CI step and lock Node.js version (#57769)0623a4fModify tailwindcss related dependency ofcreate-next-app(#57262)6dc7c3cfix(turbopack): don't match empty route groups (The latest updates on your projects. Learn more about Vercel for Git ↗︎
New, updated, and removed dependencies detected. Learn more about Socket for GitHub ↗︎
+0+1+10/-12+3/-2+0/-0+0/-0+10/-11+0/-0+12/-12+1/-1+2/-1+0/-0+0/-0+1/-1+13/-14+8/-9+1/-0+0/-0+3/-4+3/-2+0/-0+0/-0+0/-0🚮 Removed packages: @next/font@13.5.3, eslint@8.50.0