将图片转换为像素风svg
发表于|更新于
|浏览量:
千秋青史难欺。——张廷玉
链接：https://codepen.io/rodzyk/pen/dyjzExz
效果如下：
需要下载对应的svg也很简单
复制出来，再粘贴到本地新建xxx.svg文件内即可
相关推荐
2021-03-30
el-date-picker
但我拒绝！我岸边露伴最喜欢的事情之一，就是向那些自以为是的家伙说，NO！ 但我拒绝！我岸边露伴最喜欢的事情之一，就是向那些自以为是的家伙说，NO！——岸边露伴 讲讲常用的el-date-picker属性 例如我们禁用今天前的日期，以及不让选择当前时间之前的时间点 12345678910<el-date-picker v-model="date" type="datetime" @change="disableTime" format="yyyy-MM-dd HH:mm:ss" value-format="yyyy-MM-dd HH:mm:ss" placeholder="选择日期时间" :picker-options="{disabledDate:(v)=>v.getTime() < new Date().getTime() - 86400000}" ...
2021-11-13
箭头函数与this指向探究
我有明珠一颗，久被尘劳关锁，一朝尘净光生，照破山河万朵。——柴陵郁禅师 今天研究了下箭头函数与this，发现了一些挺好玩的特性 首先，我们在控制台输入上这段js 123456789101112131415161718192021var handler = { name :'handler', init: function() { let init1 = function(event) { console.log("init1: ", this); let init5 = function(){ console.log("init5: ", this); } init5(); // init5: Window {window: Window, self: Window, document: document, name: '', loca...
2022-04-01
antdv动态表单组件
你已春色摇曳，我仍一身旧雪。——送花的人走了 分享一个自己写的antdv动态表单组件 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618...
2024-09-13
下一代测试框架Vitest
仅次于选择益友，就是选择好书。——考尔德 今天分享一个前端的测试框架Vitest 号称是下一代测试框架 github： https://github.com/vitest-dev/vitest 官方文档： https://cn.vitest.dev/ 这里有个直观的在线例子： https://vitest.new/ 你可以看到比如这里在basic.ts定义了一个squared函数 1export const squared = (n: number) => n * n 然后对应的单元测试： 123456import { squared } from '../src/basic.js'test('Squared', () => { expect(squared(2)).toBe(4) expect(squared(12)).toBe(144)}) 其他代码还有 123456789101112131415161718192021222324252627import { a...
2021-10-08
vue强制更新
人生是花，而爱便是花的蜜。——雨果 我们可以使用： 1this.$forceUpdate(); 去强制重新渲染vue的页面元素 一般用于异步请求回调后赋值完毕，但页面未渲染的情况下 官方文档介绍如下： 示例： 迫使 Vue 实例重新渲染。注意它仅仅影响实例本身和插入插槽内容的子组件，而不是所有子组件。
2025-07-03
自动仿真人类滚动脚本
周虽旧邦，其命维新。一一《诗经》 自动仿真人类滚动脚本：让你的网页浏览更“像人类”在前端开发、自动化测试或数据采集的过程中，我们经常会遇到“模拟人类操作”的需求。例如，自动滚动页面以加载惰性内容、触发懒加载图片，或者让自动化检测工具误以为是真人在浏览网页。传统的 window.scrollTo() 或 window.scrollBy() 方法虽然可以实现页面滚动，但往往过于机械，容易被反爬虫系统识别。 本文介绍一个简单易用、可持续运行的仿真人类自动滚动脚本，它通过“随机滚动步长+随机停顿”的方式，让页面滚动行为更贴近真实用户操作。 一、脚本源码解析123456789101112131415161718192021222324252627(function autoHumanScroll() { const minDelay = 5000; // 最小停顿5秒 const maxDelay = 10000; // 最大停顿10秒 const minStep = 20; // 最小滚动20px const maxStep = 80; // 最大滚动...