usvg 0.4.0

An SVG simplification library.
Documentation 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114

'use strict';

const puppeteer = require('puppeteer');
const path = require('path');

var argv = process.argv.slice(2);
var svg_path = path.resolve(argv[0]);
var png_path = argv[1];

(async() => {

try {
    const browser = await puppeteer.launch({
        args: ['--no-sandbox', '--disable-setuid-sandbox']
    });
    const page = await browser.newPage();

    await page.goto("file://" + svg_path);

    var svg_file_size = await page.evaluate(() => {
        var svg = document.getElementsByTagNameNS("http://www.w3.org/2000/svg", "svg")[0];
        return [
            svg.getAttribute("width"),
            svg.getAttribute("height")
        ]
    });

    var is_dynamic =   (svg_file_size[0] == "100%" && svg_file_size[1] == "100%")
                    || (svg_file_size[0] == null && svg_file_size[1] == null)

    if (is_dynamic) {
        var svg_width;
        if (argv[2] == undefined) {
            console.log("Error: width argument must be set")
            process.exit()
        } else {
            svg_width = parseInt(argv[2])
        }

        var svg_view_box = await page.evaluate(() => {
            var svg = document.querySelector('svg')
            var box = svg.getAttribute('viewBox');
            if (box == null) {
                return null
            }
            return box.split(/\s+|,/)
        });

        if (svg_view_box == null) {
            console.error("Error: no viewBox")
            process.exit(1);
        }

        var view_size;
        if (svg_width != undefined) {
            view_size = [svg_width, svg_width]
        } else {
            view_size = [svg_view_box[2], svg_view_box[3]]
        }

        await page.setViewport({
            width: parseInt(view_size[0]),
            height: parseInt(view_size[1])
        });

        var y = 0;
        var h = view_size[1];
        if (svg_width != undefined) {
            const scale = view_size[0] / svg_view_box[2]

            h = Math.round(svg_view_box[3] * scale)
            y = Math.round((view_size[1] - h) / 2)
        }

        await page.screenshot({
            path: png_path,
            clip: { x: 0, y: y, width: view_size[0], height: h }
        });
    } else {
        var svg_rect = await page.evaluate(() => {
            var root = document.rootElement;
            return [
                root.x.baseVal.value,
                root.y.baseVal.value,
                root.width.baseVal.value,
                root.height.baseVal.value
            ]
        });

        var svg_scale = 1
        if (argv[2] != undefined) {
            svg_scale = argv[2] / svg_rect[2]
        }

        await page.setViewport({
            width: 2000,
            height: 2000,
            deviceScaleFactor: svg_scale
        });

        await page.screenshot({
            path: png_path,
            clip: { x: svg_rect[0], y: svg_rect[1], width: svg_rect[2], height: svg_rect[3] }
        });
    }

    browser.close();

} catch (e) {
    console.log(e)
    process.exit(1)
}

})();