将图片转换为像素风svg
发表于|更新于
|浏览量:
千秋青史难欺。——张廷玉
链接：https://codepen.io/rodzyk/pen/dyjzExz
效果如下：
需要下载对应的svg也很简单
复制出来，再粘贴到本地新建xxx.svg文件内即可
相关推荐
2023-09-04
mdit-vue
睡在哪里都是睡在夜里。 ——贾平凹《废都》 分享一个开源项目： GitHub - mdit-vue/mdit-vue: markdown-it plugins for Vue.js 这个项目在这里为 markdown-it 提供一些统一的插件，这是 JS 世界中最受欢迎的 markdown 解析器之一，以使其更好地与 Vue 配合使用 它是markdown-it的vue插件 GitHub - markdown-it/markdown-it: Markdown parser, done right. 100% CommonMark support, extensions, syntax plugins & high speed https://markdown-it.github.io/
2024-05-17
处理js的JSON.parse中Number太长导致精度丢失问题
大自然的真实和单纯，常是重要艺术极点的基础。——恩格斯 代码如下： 1"token".split(".").slice(0,2).map(i=>JSON.parse(atob(i))) 这里主要是 JSON.parse 导致的，我简单复现一下 1JSON.parse('{"id":9052710354240385291}') 得到的是 1{id: 9052710354240385000} 可以看到后面的 291 变为 000 了 解决方式这里使用正则匹配 /:\s*([-+]?\d+(\.\d+)?([eE][-+]?\d+)?)/g 例如： 123456JSON.parse('{"id":9052710354240385291}'.replace(/:\s*([-+]?\d+(\.\d+)?([eE][-+]?\d+)?)/g, (match, p1) => { ...
2025-11-07
apache-shenyu对接mcp-server-swagger-import
友谊是两颗心真诚相待，而不是一颗心对另一颗心的敲打。——鲁迅《鲁迅杂文选》 本次 PR（https://github.com/apache/shenyu-dashboard/pull/556）主要为 ShenYu Dashboard 的 MCP Server 管理模块引入了 Swagger 文件导入的前端支持。改动点如下： 主要涉及文件及改动说明 src/locales/en-US.json、src/locales/zh-CN.json 改动： 新增多条与 Swagger 导入相关的中英文国际化文案，如“Swagger Import”、“Swagger URL”、“项目名称”等。 目的： 确保新增页面和弹框的所有 UI 字段均能国际化显示。 src/models/mcpServer.js 改动： 引入并注册了 mcpSwaggerImport 的异步 effect。 新增了 swaggerImport generator 方法，通过 redux-saga 管理，与后端交互处理导入流程，反馈成功/失败提示，并在必要时回调刷新页面数据。 目的： 规范导入业...
2023-11-08
js惰性函数
要深入了解人的方法只有一个，就是不急于下定论。——圣·普波 在js中我们可以使用惰性函数，用于重新定义函数自身的行为 例如： 12345678910111213141516171819202122function addEvent(type, el, fn) { if (window.addEventListener) { addEvent = function(type, el, fn) { el.addEventListener(type, fn, false); } } else if (window.attachEvent) { addEvent = function(type, el, fn) { el.attachEvent('on' + type, fn); } } else { addEvent = function(type, el, fn) { el['...
2022-07-01
js让光标选择节点中部分文本
我走得很慢，但我从不后退。——林肯 如题，代码： 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152<!DOCTYPE html><html><head> <meta charset="utf-8"> <title></title></head><body> <div id="container">ruben</div> <button>r</button> <button>u</button> <button>b</button> <button>e</button> <button>n</button> &...
2022-03-01
在单html页面中使用react并配置jsx
天空更适合仰望，而不是居住。——杜鲁门·卡波特 《蒂凡尼的早餐》 首先按照官方文档一分钟用上React以及快速尝试JSX，如果你不需要JSX，可以按照这个Demo去实现 我们在页面上放入这三个cdn： 123<script crossorigin src="https://unpkg.com/react@16/umd/react.production.min.js"></script><script crossorigin src="https://unpkg.com/react-dom@16/umd/react-dom.production.min.js"></script><script src="https://unpkg.com/babel-standalone@6/babel.min.js"></script> 然后新建一个script标签并指定type="text/babel"，例如： 1<script s...