// ==UserScript==
// @name         canvas 转换成 svg
// @namespace    https://gist.github.com/liubiantao
// @version      0.1
// @description  把网页中的 canvas 转换成 svg
// @author       You
// @match        https://www.amap.com/
// @grant        GM_addStyle
// @require      https://cdn.jsdelivr.net/npm/canvas2svg@1.0.16/canvas2svg.min.js
// @downloadURL none
// ==/UserScript==

(function() {
    'use strict';

    GM_addStyle(`
    #canvas2svg {
        position: fixed;
        bottom: 20%;
        left: 1px;
        border: 1px solid #00b5ff;
        padding: 3px;
        font-size: 12px;
        cursor: pointer;
        border-radius: 3px;
        z-index: 111;
        color: #00b5ff;
        background: #00b5ff1f;
    }
  `)

    function canvas2svg(){
        const gl = document.querySelector('canvas').getContext('webgl')
        var ctx = new C2S(500,500);
        ctx.drawImage(gl.canvas, 0, 0);
        var myRectangle = ctx.getSerializedSvg(true);
        console.log(myRectangle)

    }

    function addButton() {
        const btn = document.createElement('div')
        btn.innerText = 'canvas2svg'
        btn.id = 'canvas2svg'
        document.body.append(btn)
        document.querySelector('#canvas2svg').addEventListener('click', canvas2svg)
    }


    addButton()

})();