SVG Convert to Path

Performs runtime shapes & text to path conversion of complex SVG files with just a few lines of code.

Features:

- 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. You can click here to download.

Usage

const ConvertToPath = require('svg-convert-to-path�);

Load | Save as Files


var ConvertToPath = require('svg-convert-to-path');

var options={
loadAs:'file.svg',
saveAs:'file-convert.svg'
}	

const convert = await ConvertToPath.getPath(options);

Load | Save as Buffer


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

var options={
loadAs:svg,
saveAs:'buffer�
}

const convert = await ConvertToPath.getPath(options);

Load | Save as Base64


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

var options={
loadAs:svg,
saveAs:'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={
loadAs:svg,
saveAs:'utf8� | 'utf-8�
}

const convert = await ConvertToPath.getPath(options);

Fonts Handling

All dynamically added & built-in font names & paths load from svg-convert-to-path/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-convert-to-path/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.loadAs	{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.saveAs	{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-convert-to-path/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.

Source Code

The code base contains zero minification and is easy to understand and fully customizable.

Technical Support

Purchase includes one month of technical support in case of any foreseeable bugs or adjustments in the code flow or features.

Upgrade

For major additions & upgrade, the creator of this package can be contacted any time at javedblch@gmail.com or via LinkedIn.

License

MIT