diff --git a/examples/basic.js b/examples/basic.js
index 023c323..a3f17ee 100644
--- a/examples/basic.js
+++ b/examples/basic.js
@@ -2,20 +2,46 @@ const { Buffer } = require('buffer')
 const { readFileSync, writeFileSync } = require('fs')
 const { join } = require('path')
 
+const { convertSVGTextToPath, GlobalFonts } = require('@napi-rs/canvas')
+const { render } = require('@resvg/resvg-js')
+
 const { FontKit } = require('../wasm-node')
 
 const FONT_PATH = join(__dirname, 'OpenSans-Italic.ttf')
+const glyphName = 'B'
 
 const data = readFileSync(FONT_PATH)
 const fontkit = new FontKit()
 const key = fontkit.add_font_from_buffer(data)
 const font = fontkit.query(key)
-const svgPath = font.glyph_path('A').to_string()
-console.info('em-box = ', font.units_per_em)
+const svgPath = font.glyph_path(glyphName).to_string()
+const width = font.units_per_em // embox
+const ascender = font.ascender
+const descender = font.descender
+const height = ascender - descender
+
+console.info('em-box = ', width)
+console.info('ascender = ', ascender)
+console.info('descender = ', descender)
 
-const svg = `<svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+const svg = `<svg width="500" viewBox="0 0 ${width} ${height}" xmlns="http://www.w3.org/2000/svg">
   <path d="${svgPath}" fill="blue" />
 </svg>
 `
 writeFileSync(join(__dirname, './out.svg'), Buffer.from(svg))
 console.info(svg)
+
+const svgText = `<svg width="500" height="500" xmlns="http://www.w3.org/2000/svg">
+  <text fill="green" font-family="Open Sans, Open Sans Italic" font-size="900">${glyphName}</text>
+</svg>
+`
+
+GlobalFonts.registerFromPath(FONT_PATH)
+const result = convertSVGTextToPath(svgText)
+console.info('skr-canvas \n', result.toString('utf8'))
+
+writeFileSync(join(__dirname, './skr-canvas.svg'), result)
+
+const pngData = render(result.toString('utf8'))
+
+writeFileSync(join(__dirname, './foo.png'), pngData)
diff --git a/examples/foo.png b/examples/foo.png
new file mode 100644
index 0000000..eb7d6ec
Binary files /dev/null and b/examples/foo.png differ
diff --git a/examples/out.svg b/examples/out.svg
index a1b65cb..5ed4037 100644
--- a/examples/out.svg
+++ b/examples/out.svg
@@ -1,3 +1,3 @@
-<svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-  <path d="M 813 2324 L 317 2324 L 72 2789 L -117 2789 L 682 1327 L 856 1327 L 1040 2789 L 870 2789 L 813 2324 z M 795 2168 L 760 1869 Q 736 1690 731 1519 Q 694 1607 650.5 1694 Q 607 1781 401 2168 L 795 2168 z" fill="blue" />
+<svg width="500" viewBox="0 0 2048 2789" xmlns="http://www.w3.org/2000/svg">
+  <path d="M 770 1327 Q 1202 1327 1202 1663 Q 1202 1804 1115 1901 Q 1028 1998 870 2027 L 870 2037 Q 985 2069 1046.5 2147.5 Q 1108 2226 1108 2336 Q 1108 2548 956 2668.5 Q 804 2789 549 2789 L 86 2789 L 395 1327 L 770 1327 z M 434 1953 L 682 1953 Q 838 1953 931 1880 Q 1024 1807 1024 1681 Q 1024 1577 957.5 1525.5 Q 891 1474 748 1474 L 537 1474 L 434 1953 z M 287 2644 L 553 2644 Q 734 2644 831 2563.5 Q 928 2483 928 2336 Q 928 2220 853.5 2158.5 Q 779 2097 639 2097 L 403 2097 L 287 2644 z" fill="blue" />
 </svg>
diff --git a/examples/skr-canvas.svg b/examples/skr-canvas.svg
new file mode 100644
index 0000000..987f348
--- /dev/null
+++ b/examples/skr-canvas.svg
@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="utf-8" ?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="500" height="500">
+	<path fill="green" d="M338.379 -642.48Q528.223 -642.48 528.223 -494.824Q528.223 -432.861 489.99 -390.234Q451.758 -347.607 382.324 -334.863L382.324 -330.469Q432.861 -316.406 459.888 -281.909Q486.914 -247.412 486.914 -199.072Q486.914 -105.908 420.117 -52.9541Q353.32 0 241.26 0L37.793 0L173.584 -642.48L338.379 -642.48ZM190.723 -367.383L299.707 -367.383Q368.262 -367.383 409.131 -399.463Q450 -431.543 450 -486.914Q450 -532.617 420.776 -555.249Q391.553 -577.881 328.711 -577.881L235.986 -577.881L190.723 -367.383ZM126.123 -63.7207L243.018 -63.7207Q322.559 -63.7207 365.186 -99.0967Q407.812 -134.473 407.812 -199.072Q407.812 -250.049 375.073 -277.075Q342.334 -304.102 280.811 -304.102L177.1 -304.102L126.123 -63.7207Z"/>
+</svg>
diff --git a/package.json b/package.json
index 947c6e1..ab9e74d 100644
--- a/package.json
+++ b/package.json
@@ -31,6 +31,7 @@
     "url": "git@github.com:alibaba/font-toolkit.git"
   },
   "devDependencies": {
+    "@napi-rs/canvas": "^0.1.21",
     "@swc-node/register": "^1.4.2",
     "@typescript-eslint/eslint-plugin": "^5.15.0",
     "@typescript-eslint/parser": "^5.15.0",