SVG Screenshot

Take scalable, semantic, accessible screenshots, in SVG format.

什么是SVG Screenshot？

SVG Screenshot是由felixfbecker开发的Chrome扩展程序，该扩展的主要功能是“Take scalable, semantic, accessible screenshots, in SVG format.”。

扩展截图

screenshot

下载SVG Screenshot扩展crx文件

下载SVG Screenshot扩展crx格式的文件，手动将Chrome插件安装到浏览器中，也可以将crx文件分享给朋友，轻松安装Chrome插件。

扩展使用说明

                        SVG screenshots offer various benefits over normal PNG screenshots, while keeping the good parts:

🖼 Flexible: Freely select the region of the website you want to capture or capture the whole page.
💢 Scalable graphics: Screenshots never get pixelated when zooming in.
📝 Semantic: Text can still be selected and copied to clipboard.
🦻 Accessible: SVG is annotated with ARIA attributes and can be read by screen readers.
🖥 Paste into design tools: SVGs will work in design tools like Illustrator, Figma, Sketch etc.
🔗 Interactive: Links are still clickable.
📦 Self-contained: Inlines external resources like images, fonts, etc.
📸 Static: Styles and layout are recorded at the time of snapshot and will not change.
🗜 Small: Depending on the content, SVGs can be magnitudes smaller than PNGs and compress loslessly.
🛡 Secure: The SVG will not contain any JavaScript.

扩展基本信息

名称 SVG Screenshot SVG Screenshot
ID nfakpcpmhhilkdpphcjgnokknpbpdllg
官方URL https://chromewebstore.google.com/detail/svg-screenshot/nfakpcpmhhilkdpphcjgnokknpbpdllg
简介 Take scalable, semantic, accessible screenshots, in SVG format.
文件大小 511 KB
安装次数 6,291
当前版本 0.11.5
更新时间 2021-05-24
上架时间 2020-10-26
评分 4.36/5 共25次评分
开发者 felixfbecker
电子邮箱 [email protected]
付费类型 free
扩展官网 https://github.com/felixfbecker/svg-screenshots
帮助页面URL https://github.com/felixfbecker/svg-screenshots/issues
支持的语言 en
manifest.json 
{
    "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx",
    "manifest_version": 2,
    "name": "SVG Screenshot",
    "description": "Take scalable, semantic, accessible screenshots, in SVG format.",
    "version": "0.11.5",
    "permissions": [
        "activeTab",
        "",
        "storage"
    ],
    "icons": {
        "128": "images\/icon_128.png",
        "256": "images\/icon_256.png"
    },
    "web_accessible_resources": [
        "src\/content.js"
    ],
    "browser_action": {
        "default_popup": "src\/popup.html",
        "default_title": "Capture SVG screenshot",
        "default_icon": {
            "128": "images\/icon_128.png",
            "256": "images\/icon_256.png"
        }
    },
    "background": {
        "scripts": [
            "src\/background.js"
        ]
    },
    "browser_specific_settings": {
        "gecko": {
            "id": "svg-screenshots@felixfbecker"
        }
    }
}

相关的扩展

SVG Screenshot
SVG Screenshot
CSS Used
CSS Used
SVG Export
SVG Export
JPG to SVG Converter
JPG to SVG Converter
Shotmockr: Design Mockups, Screen Recorder
Shotmockr: Design Mockups, Screen Recorder
Placeholdifier
Placeholdifier
HTML to Figma - by Builder.io
HTML to Figma - by Builder.io
Image Vectorizer (Convert to SVG)
Image Vectorizer (Convert to SVG)
Refined GitHub
Refined GitHub
VisBug
VisBug
SVG Gobbler
SVG Gobbler
Export SVG with Style
Export SVG with Style