https://github.com/buyungsp/cordova-plugin-vector-smooth

The cordova-plugin-vector-smooth plugin is used to convert vector drawable files into base64 encoded images for use in Cordova applications. It supports XML vector drawable files, as well as PNG and BMP file formats.
https://github.com/buyungsp/cordova-plugin-vector-smooth

android cordova-plugin drawable image xml

Last synced: 8 days ago
JSON representation

The cordova-plugin-vector-smooth plugin is used to convert vector drawable files into base64 encoded images for use in Cordova applications. It supports XML vector drawable files, as well as PNG and BMP file formats.

• Host: GitHub
• URL: https://github.com/buyungsp/cordova-plugin-vector-smooth
• Owner: buyungSP
• Created: 2023-06-14T14:17:02.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2024-05-11T23:19:38.000Z (6 months ago)
• Last Synced: 2024-09-19T01:09:05.262Z (about 2 months ago)
• Topics: android, cordova-plugin, drawable, image, xml
• Language: Java
• Homepage:
• Size: 5.86 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
## cordova-plugin-vector-smooth

-------------------------------------------------------

The cordova-plugin-vector-smooth plugin is used to convert vector drawable files into base64 encoded images for use in Cordova applications. It supports XML vector drawable files, as well as PNG and BMP file formats.

## Platform Support

-------------------------------------------------------

- Android

## Installation

-------------------------------------------------------

You can install this plugin through Cordova CLI by running the following command:

``

cordova plugin add cordova-plugin-vector-smooth

``

## Usage

### Function "open"

-------------------------------------------------------

```js

cordova.plugin.vector.smooth.open({

  name: 'ic_vector',

  color: '#FF0000'

}).then(function(result) {

  console.log(result.src);

});

```

- The "name" parameter (string) is the name of the vector drawable file in the res/drawable folder.

- The "color" parameter (string) is the color that will be used in the vector drawable.

### Output

-------------------------------------------------------

The output of this plugin is a base64 encoded image in PNG or BMP format, depending on the type of icon used. The output can be used in the  tag or as a background image in CSS.

```js

document.addEventListener('deviceready', onDeviceReady, false);

async function onDeviceReady() {

	const imgContainer = document.createDocumentFragment();

	const crop = await cordova.plugin.vector.smooth.open({name: 'crop', color: '#FF00FF'});

	const img = document.createElement('img');

	img.src = crop.src;

	imgContainer.appendChild(img);

  	document.body.appendChild(imgContainer);

}

```

In this example, the plugin opens the "crop" vector drawable file with a pink (#FF00FF) color. The resulting base64 encoded image is then used as the source of an  tag and added to the document body.