svg-text-to-vector

SVG Text to Vector

A powerful tool for runtime text to vector conversion of complex SVG files.

Features:

- Supported Tags: 'text | tspan'.

- Attributes: Supports all major attributes including x, y, dx, dy, opacity, stroke, transform, class-based styling etc.

- Colors: Supports Solid Fill, Linear and Radial Gradients.

- Dynamic Font Handling: Offers dynamic runtime addition of fonts to its native config/fonts.json file.

Installation

npm install --save svg-text-to-vector

Usage

const ConvertToPath = require('svg-text-to-vector');

Load | Save as Files

var svgTextPath = require('svg-text-to-vector');

var options={
load:'file.svg',
save:'file-convert.svg'
}	

const convert = await svgTextPath.getPath(options);

Load | Save as Buffer

var svg = fs.readFileSync('./public/file.svg');
svg=Buffer.from(svg);

var options={
load:svg,
save:'buffer'
}

const convert = await ConvertToPath.getPath(options);

Load | Save as Base64

var svg = fs.readFileSync('./public/file.svg','base64');

var options={
load:svg,
save:'base64'
}

const convert = await ConvertToPath.getPath(options);

Load | Save as SVG String (utf-8)

var svg = fs.readFileSync('./public/file.svg',{encoding:'utf8'});

var options={
load:svg,
save:'utf8' | 'utf-8'
}

const convert = await ConvertToPath.getPath(options);

Fonts Handling

• All dynamically added & built-in font names & paths load from svg-text-to-vector/config/fonts.json file

Dynamically Add Fonts

• Dynamically add fonts with json key & value pair {�name�, �path�}. Each font needs to be added one time only for all future purposes.

var font={"name":"Lexend Tera","path": "/lexend_tera.ttf"};

const addFonts = await ConvertToPath.push(font);

Add Fonts Manually

• Open svg-text-to-vector/config/fonts.json and simply add more fonts.

{
   "font":[
      {
         "name":"Times New Roman",
         "path":"./public/fonts/times.ttf"
      },
      {
         "name":"Anton",
         "path":"./public/fonts/anton.ttf"
      }	  
   ]
}

API

Options

Params	Data Type	Description
options.load	{String - Buffer - Base64 - UTF-8}	Contains SVG object that needs to be converted. Loads from a Local Directory or from type Buffer - Base64 - SVG String
options.save	{String}	Returns the convert to path SVG object. Saves to a Local Directory or returns type Buffer - Base64 - SVG String
options.font	{String}	Optional - Param for default font. Applicable if unable to find the relevant font. Default is Times New Roman
options.fontPath	{String}	Optional - Param for default font path. Applicable if unable to find relevant fonts and options.font param is defined. Default is svg-text-to-vector/config/fonts/times.ttf
options.fontSize	{Number}	Optional - Param for default font size. Applicable if no font size is defined within SVG text tag. Default is 16

Performance & Compatibility

The package ensures fast and efficient performance and is fully compatible with all the popular Node.js frameworks.

License

MIT

Buy the Paid Version with additional Features!

The paid version, SVG Convert to Path performs runtime path conversion of both svg shapes & text tags.

Complete list of features include:

- Supported Tags: 'text | tspan | rect | circle | ellipse | line | polyline | polygon'.

- Attributes: Supports all major attributes including x, y, dx, dy, opacity, stroke, transform, class-based styling etc.

- Colors: Supports Solid Fill, Linear and Radial Gradients.

- Multilingual Support: Supports all Languages & Unicode characters.

- Dynamic Font Handling: Offers dynamic runtime addition of fonts to its native config/fonts.json file.

- Google Fonts: In case of a missing font, the code will search for the required font from Google Fonts Github. On failure, applies font from default settings. You may change the default font & font size settings from the source code files.

- Multilingual Font Handling: In order for all Languages and Unicode characters to render correctly, you simply need to download Arial Unicode MS font and save it to svg-convert-to-path/config/fonts location as arial-unicode-ms.ttf. (Click here to download the font)

- Built-in Common Fonts: 'Helvetica | Arial | Verdana | Tahoma | Trebuchet MS | Impact | Times New Roman | Courier | Comic Sans MS'.

Click Here to Buy Now!