Neatly Packaged Magic

    svgo-add-viewbox

    2.0.1 • Public • Published

    Github Build Codacy Badge Codebeat Badge CodeFactor Badge DeepScan grade Analytics

    SVGO Add viewBox

    An SVGO plugin to add viewBox attribute based on width and height attributes

    Visitor stats

    GitHub stars GitHub forks GitHub watchers GitHub followers

    Code stats

    GitHub code size in bytes GitHub repo size GitHub language count GitHub top language GitHub last commit

    This plugin adds the viewBox attribute to your SVGs based on the width and height attributes. The difference between this plugin and the built-in removeDimensions plugin is that svgo-add-viewbox does not remove the width and height of your SVGs.

    In order to use this plugin correctly, you SVGs should have their width and height attributes specified.

    Usage

    v2.x.x of this plugin should be used with SVGO v3 and above.

    v1.x.x of this plugin should be used with SVGO v2.

    1. Create a svgo.config.js file following the official configuration guide
    2. Use the option to specify a custom plugin.
    3. Install this module from NPM
      npm install svgo-add-viewbox --save-dev
      # or
      yarn add svgo-add-viewbox -D
    4. require the module which you just created in your svgo.config.js file:
      const addViewBox = require('svgo-add-viewbox');
    5. In the plugins array in your svgo.config.js file add the following:
      plugins: [
      	// ... more plugins
      	{
      		fn: addViewBox.fn,
      		name: 'addViewBox',
      		type: addViewBox.type,
      		active: addViewBox.active,
      		description: addViewBox.description
      	}
      	// ... more plugins
      ];
    6. Execute your SVG transformation NPM script.

    LICENSE

    MIT


    Connect with me:

                         

    Support and sponsor my work:

    Install

    npm i svgo-add-viewbox

    DownloadsWeekly Downloads

    1,002

    Version

    2.0.1

    License

    MIT

    Unpacked Size

    11 kB

    Total Files

    4

    Last publish

    Collaborators

    • scriptex