将图片转换为像素风svg
发表于|更新于
|浏览量:
千秋青史难欺。——张廷玉
链接：https://codepen.io/rodzyk/pen/dyjzExz
效果如下：
需要下载对应的svg也很简单
复制出来，再粘贴到本地新建xxx.svg文件内即可
相关推荐
2024-12-31
china_regions
微微怪时间不能保存情绪，保存那一切情绪所曾流连的境界。——《你是人间的四月天》 Github: https://github.com/wecatch/china_regions官网: LocationDemo 最近在处理一些需要中国行政区划数据的项目时，发现了一个非常实用的开源库——China Regions。这个库由 WeCatch 团队开发，提供了中国完整的省、市、区三级行政区划数据，所有数据都以JSON格式存储，非常适合用在表单、下拉菜单、地图等需要行政区划的场景中。 安装非常简单，如果是Python项目，直接使用pip安装就可以了。运行以下命令就可以把库安装到项目中： 1pip install china-regions 安装好之后，使用也很方便。数据以树状结构存储，可以很轻松地查询某个省份下的城市，或者某个城市下的区县。如果需要更高效的查询，可以将数据导入到数据库中，比如MySQL或者MongoDB，官方文档中也提供了完整的SQL脚本和样例代码。 使用过程中最直观的感受就是，这个库的数据非常干净，没有冗余信息，而且会定期更新。如果你需要最新的行政区划调整，比如某些...
2024-01-15
纯css实现炫酷头像效果
官僚作风是一门使可能变成不可能的艺术。——萨尔塞多 分享一个炫酷头像效果： 从b站渡一教育的一个视频看到的（不是推广，只是注明出处） 123456789101112131415161718192021222324252627282930313233343536373839<style> img { --s: 280px; --c1: #c02942; --c2: #ecd078; --b: 5px; --f: 1; --bgOption: content-box no-repeat center/ calc(100% / var(--f)) 100%; --shrink: calc((var(--s) / var(--f) - var(--s)) / 2 - var(--b)); width: var(--s); height: var(--s); cursor: pointer; transition: 0.5s; padding-top: 100px; outline: ...
2025-12-21
bun
时间就象海绵里的水一样，只要你愿意挤，总还是有的。——鲁迅 Bun 全面上手：Zig 打造的全能 JavaScript/TypeScript 工具链，一行命令跑起你的全栈应用 仓库地址：oven-sh/bun官方文档与指南：bun.com/docs简介：Bun 是一个“一体化”的 JavaScript/TypeScript 应用工具链，单一可执行文件 bun 即可同时充当运行时、包管理器、测试运行器与打包器，目标是成为 Node.js 的“即可替换”运行时。 为什么是 Bun？来自官方 README 的定义： Bun 是一个全能（all-in-one）工具集，单一可执行文件 bun。 核心是一个高速运行时，以 Zig 编写，底层由 JavaScriptCore 驱动。 设计目标：在尽可能多的场景下，直接替换 Node.js 使用。 开箱支持 TypeScript 与 JSX；内置测试、脚本运行和Node 兼容的包管理器。 一句话概括：有了 Bun，你可以更少的依赖、更短的启动链路、更快的开发/运行体验，把“常见的 No...
2024-11-09
typescript-exercises（十四）
人心就是立国的大根本。——孙中山 问题： 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194...
2022-04-15
js中eval
如果你来访我，我不在，请和我门外的花坐一会儿，它们很温暖，我注视他们很多很多日子了。——汪曾祺 今天发现这么一个函数eval eval能够将传入的字符串当做js代码执行 例如处理json(请不要这样使用，正确的做法应该是使用JSON.parse(data))： 12let data = '{"nane":"ruben","age":11}'eval("("+data+")") 1234567891011console.log(eval('2 + 2'));// expected output: 4console.log(eval(new String('2 + 2')));// expected output: 2 + 2console.log(eval('2 + 2') === eval('4'));// expected output: truecon...
2020-08-25
简单CSS实现图片旋转
图片旋转~ 代码 12345678910111213141516171819202122232425262728293031323334353637383940414243<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> img { width: 200px; height: auto; margin: 20% auto; animation: myrotate 3s linear infinite...