解决写文档对于图片边框的强迫症

1. 写文档的困扰

在写文档进行配图时,很多时候图片是白色背景的,会导致文章中的图片区域附近有大量空白的感觉,强迫症患者很难受。

目前语雀做的是很好的,可以给图片加边框或者阴影,而一些文档博客平台(CSDN、掘金、SegmentFault、知乎等)都是没这块功能的。

对比一下:
image

平常有这困扰的时候,通常打开 Photoshop 解决一下,但每次都得多走好几步。
尝试找了下有没有在线工具,找是找到了,但要么操作繁琐,要么把你的图片先传到服务器,体验和安全都不好。

于是就写了下面这个在线小工具。

2. 工具

在线工具:地址

⭐ Github 仓库地址

工具没别的能力,就是加边框,以及导出图片,避免繁琐。

2.1 导入图片

为避免只能通过打开文件的方式导入图片,这里支持:

  • 系统文件框打开文件
  • 直接拖入文件
  • 直接粘贴文件(截图完了,直接粘贴,我最常用的操作)

image

2.2 配置边框

边框配置也没什么花里胡哨,就是基本的边框设置,通常默认值就够了:

image

2.3 导出图片

预览下载 操作可以进行图片的导出。

预览 按钮会打开一个新浏览器页面来显示图片,你只需要 Ctrl + C 一下,然后在你的文章编辑器中 Ctrl + V 一下就可以了(我最常用的操作)。

下载 按钮会把图片进行下载(我通常不会这么干,毕竟多走好几步 太麻烦)。


⭐ Github 文章地址

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/401594.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

实现图片本地化 ServiceWorker + IndexedDB

1. 背景 在一些安全场景,或者一些本地化的场景(如本地化的 Markdown 记事本),如果有图片上传并需要查看的场景,在不上传到服务器的情况下,实现这个效果,通常是把图片 Base64 化,但编…

XState Viz 可视化和调试状态机

1. 前言 状态机的一大好处就是可以可视化状态,降低业务的理解成本和相互间的沟通成本。 目前 XState 官方提供的可视化工具已经做的很不错了,但用起来偏重,国内访问也比较慢。这边我再原基础上进行了优化,并增加了部分新功能&am…

国内高速前端 Unpkg CDN 替代方案

1. 背景 目前国内有很多 NPM 的 CDN,可以高速支持相关包文件的访问下载,如: BootCDN: www.bootcdn.cn七牛云: www.staticfile.org360: cdn.baomitu.com字节跳动: cdn.bytedance.com 但这些 CDN 并不全,很多 NPM 上的包 在这些 …

小米 12S Utra 莱卡水印生成在线工具

前言 最近看到小米 12S Utra 的发布,看了下详情页面,发现演示的照片都好看的,包含了品牌、设备、镜头、位置等信息,如下图所示: 作为一个摄影爱好者,也希望把自己的照片也输出这些信息。 但目前此类水印…

解决 Rust Tauri 1.0 构建时下载 WiX失败

Rust 啥都好,就是构建太慢太慢。用我的 M1 构建 Mac 应用 10 分钟内还能拿下,但其它普通配置的就太慢了,即便用 Github Actions 大约也近 30 分钟才能构建完: 找一台高配置的 Windows 主机,结果经历了长时间的编译之后…

Rust Wasm 图片转 ASCII 艺术

有一些隐藏在代码中的 ASCII 有意思的图片,如: /*__ooOoo_o8888888o88" . "88(| -_- |)O\ /O____/---\____. \\| |// ./ \\||| : |||// \/ _||||| -:- |||||_ \| | \\\ - /| | || \_| \---// |_/ |\ .-\__ -. -__/-.…

我的新书《PWA入门与实践》上市了

前言 我初接触PWA是在2017年年初,当时参加了一个前端分享会,其中一个主题就是与PWA相关的,介绍了PWA的Service Worker和安装到桌面的能力,以及这门技术未来的发展趋势,听完这个分享后,我就为PWA的一些能力…

Linux ARM交叉编译工具链制作过程

一、下载源文件 源代码文件及其版本与下载地址: Binutils-2.19.tar.bz2 http://ftp.gnu.org/gnu/binutils/ gcc-4.4.4.tar.bz2 http://mirrors.kernel.org/gnu/gcc/gcc-4.4.4/ Glibc-2.11.2.tar.bz2 Glibc-ports-2.11.tar.bz2 http://ftp.gnu.org/gnu/glibc/ Gmp-4.…

数学建模之聚类模型详解

聚类模型 引言 “物以类聚,人以群分”,所谓的聚类,就是将样本划分为由类似的对象组成的多个类的过程。聚类后,我们可以更加准确的在每个类中单独使用统计模型进行估计、分析或预测;也可以探究不同类之间的相关性和主…

Unity Hub安装Android Build Support报错:Failed to delete old Unity Android Supprtinstallation files

安装失败: 解决方法: 需要先安装 Android Build Support ,再安装 Android SDK & NDK Tools 和 OpenJDK 其他情况: 如果已经安装了Android SDK & NDK Tools 和 OpenJDK,只剩Android Build Support 未安装成功…

红米5 Plus刷开发版/小米手机刷开发版

到官网选择对应手机型号下载Rom包:MIUI下载 下载完成后手机打开:设置→我的设备→MIUI版本→右上角选择【手动选择安装包】,找到下载的包等待手机重启就行了。 PS:如果是像下面这样 小米手机找不到手动选择安装包 选项的话&#…

通过Blender将PMX模型转为FBX导入Unity

一、下载Blender(建议2.83版本不要太高的) 官网下载网址:Blender 2.83 LTS — blender.org 二、之后安装Blender,安装后下载插件 下载地址:https://codeload.github.com/GiveMeAllYourCats/cats-blender-plugin/zip/…

Git理论、原理、操作

Git理论、原理、操作 Git简介: 一个开源的分布式版本控制系统。用于处理任何大大小小的项目,是一个开放源码的版本控制软件。Git与SVG的区别: 1、git是分布式的 2、git把内容按元数据方式存储,svg按文件 3、git分支和svg分支不同…

Android中让Service被关闭后再重新启动

2019独角兽企业重金招聘Python工程师标准>>> --------------------------------------------------------------------------- 转载:http://blog.csdn.net/arui319 --------------------------------------------------------------------------- 如何做…

CloudStack学习-3

此次试验主要是CloudStack结合openvswitch 背景介绍 之所以引入openswitch,是因为如果按照之前的方式,一个网桥占用一个vlan,假如一个zone有20个vlan,那么岂不是每个vlan都要创建一个桥,维护很麻烦 openvswitch是由Nic…

EIGRP中非等价负载均衡的实现

Eigrp为思科私有协议,其协议号为88,采用组播(224.0.0.10)和单播的方式发送路由更新,并且支持等价和非等价负载均衡。首先来看下Eigrp选择路由的过程:Eigrp中有三张表,分别为Eigrp邻居表、Eigrp拓…

webpack+vue实现项目

webpackvue实现TODO慕课网课程笔记 课程目的: 前端工程:讲明一些前端基础的概念;如何搭建一个工程,一个工程解决了哪些问题 webpack:预计未来前端开发必备的基础 vue:相对于react使用比较简单方便&#xf…

JAVA API

----API概念: API(Application Programming Interface)应用程序接口。 在Java中的API就是JDK中提供的各种功能。如CreateWindow就是一个API函数,在应用程序中如果要调用这个函数那么操作系统就会按该函数提供的参数信息产生一个相…

Javascript基础(二)

Javascript基础&#xff08;二&#xff09;事件&#xff1a;条件语句类型转换正则表达式regexp错误抛出void事件&#xff1a; 是发生在HTML元素上的行为&#xff0c;可以是浏览器行为&#xff0c;可以是用户行为 a) html 元素添加事件属性&#xff1a; <p οnclick alert…

网页字体设置你了解吗?

以前做项目的时候就依葫芦画瓢的设置 { font-family:arial,”microsoft yahei”,simsun,sans-self; } 等类似的字体&#xff0c;然而当更多的设备和系统出现后&#xff0c;以前这样的设置已不能满足网页在各设备上的显示需求。 就拿最简单的宋体(simsun)来说吧&#xff0c;在Wi…