vectorizer.io free download

vectorizer.io svg preview and free download

目前為 2022-06-21 提交的版本,檢視 最新版本

您需要先安裝使用者腳本管理器擴展,如 TampermonkeyGreasemonkeyViolentmonkey 之後才能安裝該腳本。

您需要先安裝使用者腳本管理器擴充功能,如 TampermonkeyViolentmonkey 後才能安裝該腳本。

您需要先安裝使用者腳本管理器擴充功能,如 TampermonkeyViolentmonkey 後才能安裝該腳本。

您需要先安裝使用者腳本管理器擴充功能,如 TampermonkeyUserscripts 後才能安裝該腳本。

你需要先安裝一款使用者腳本管理器擴展,比如 Tampermonkey,才能安裝此腳本

您需要先安裝使用者腳本管理器擴充功能後才能安裝該腳本。

(我已經安裝了使用者腳本管理器,讓我安裝!)

你需要先安裝一款使用者樣式管理器擴展,比如 Stylus,才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展,比如 Stylus,才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展,比如 Stylus,才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展後才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展後才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展後才能安裝此樣式

(我已經安裝了使用者樣式管理器,讓我安裝!)

// ==UserScript==
// @name         vectorizer.io free download
// @version      0.0.1
// @description  vectorizer.io svg preview and free download
// @icon         https://www.vectorizer.io/icon.svg

// @author       You
// @namespace    http://tampermonkey.net/
// @license      MIT

// @match        https://www.vectorizer.io/*
// @grant        none
// ==/UserScript==

/* eslint-env jquery */

(function() {
    'use strict';
    function toURL() {
        const svg = $('#outputsvg')[0];
        const content = new XMLSerializer().serializeToString(svg);
        const type = 'image/svg+xml';
        const url = URL.createObjectURL(new Blob([content], {type}));
        return url;
    }

    $('#downloadbtn').off('click').on('click', function(event) {
        event.preventDefault();
        const a = document.createElement('a');
        a.download = this.href.split('/').pop();
        a.href = toURL();
        document.body.appendChild(a);
        a.click();
        document.body.removeChild(a);
    });

    const btn = $('<button class="btn btn-secondary">Preview</button>');
    btn.on('click', function(event) {
        open(toURL());
    });
    $('#downloadbtn').after(btn);

})();