由于工作中经常需要对组图查看和管理，而Windows系统不支持在文件夹下直接预览svg图片， HBuilderX 插件市场没有找到相应的svg插件，比较麻烦。经过查找，发现svg扩展插件（SVG Viewer Extension for Windows Explorer）不错，完美地解决svg图片预览问题。

1、SVG文件浏览插件

2、下载插件并安装

3、浏览SVG图片

4、不同工具对比总结

运行环境：

Windows-7-Ultimate-x64、Windows-10-BusinessEditions-21h2-x64
SVG Viewer Extension for Windows Explorer

1、SVG文件浏览插件

SVG Viewer Extension for Windows Explorerhttps://github.com/tibold/svg-explorer-extension

2、下载插件并安装

目前 svg-explorer-extension 最新版本是 1.1.0，这里下载 x64 版本。

Release Version v1.1.0 · tibold/svg-explorer-extension · GitHub

下载 svg_see_x64.exe 到本地指定目录

安装步骤演示

3、浏览SVG图片

为直观看到不同工具对 svg图片浏览效果的支持，通过对比方式演示。

左图：WPS Office 自带的看图工具
右图：安装 svg-explorer-extension 后，支持在文件夹中直接浏览

4、不同工具对比总结

Windows Explorer：每次只能查看一张图片；
WPS图片：虽然支持查看svg图片，但浏览界面需要改善；
SVG Viewer Extension for Windows Explorer：支持在文件夹中直接浏览，操作非常方便；

Windows系统SVG图片预览插件相关推荐

VSCode图片预览插件 Image preview
VSCode前端开发图片预览插件 Image preview(支持css预览支持svg格式) 一款提高前端开发效率的插件 ,代码中hover直接预览图片先上效果图不仅html中可以预览 js代码 ...
dw按钮图片滚动js_使用 React Hooks 实现仿石墨的图片预览插件（巨详细）
点击上方"前端教程",选择"星标" 每天前端开发干货第一时间送达! 作者:DARRELL https://juejin.im/post/5e9bf299f265 ...
pc 图片预览放大端vue_安利一款简单好用的Vue图片预览插件
在项目中因为要经常用到图片预览效果,自己写的话麻烦死啦(懒) vue-photo-preview 一个基于 photoswipe 的 vue 图片预览插件,支持移动端和PC端,支持各种手势操作,放大缩 ...
移动端图片预览插件-fly-zomm-img.min.js
移动端图片预览插件,一个JQ的插件,支持手势放大缩小:有点小bug,不过感觉是可以接受的: 插件的地址:http://www.jq22.com/jquery-info15466 那里有具体的说明,但是 ...
html页面点击图片名称查看图片------图片预览插件viewer.js使用
前言在做项目时,会遇到在前台展示附件详情,比如图片,word,pdf等.viewer.js 图片查看器,用来查看页面中的图片. 基本效果: Viewer.js的使用这是一个github工程,功能很 ...
vue3 开发一个图片预览插件
vue3 的插件开发和vue2思路类似但是写法却迥异.主要变化在vue3没有了extend构造器. 这次我们通过一个图片预览插件,贯通整个vue3插件开发的过程. 1 在src下新建lplugins文 ...
React 图片预览插件 rc-viewer @hanyk/rc-viewer
最近一个需求是图片要实现预览并且可以上下切换,react接触不是很久,查了好多资料,最终对@hanyk/rc-viewer下手,jquery用多了伙伴都知道viewer.js,一个很强大的图片预览插件 ...
windows系统本地批量预览svg图标
一.为何需要此操作目前前端使用图标大致分为两类: iconfont方式:通过引入在线或者下载到本地的iconfont.css类文件实现显示图标第二类是封装图标组件,通过传入指定的svg名称快速生成 ...
【总结】手机图片预览插件photoswipe使用总结
手机图片预览photoswipe,支持pc图片预览,多用于android,ios的手机图片预览. 资源包:http://download.csdn.net/detail/snow_finland/81 ...

Windows系统SVG图片预览插件

1、SVG文件浏览插件

2、下载插件并安装

3、浏览SVG图片

4、不同工具对比总结

Windows系统SVG图片预览插件相关推荐

最新文章

热门文章