svg代码保存方法

hello 同学们大家好，欢迎来到 e to 脱裤黑科技编辑器 what's a sip？ 本节课我来介绍一下与依兔契合度比较高的 z 零公众号编辑插件，可以更加方便的导入代码导公众号的后台。在这里我推荐大家使用谷歌浏览器，这节课也与谷歌浏览器作为基础来进行讲解。 我们下载好插件之后，可以在谷歌浏览器的这个地方找到插件。插件一共有四个功能，内容导入就是我们需要用到的功能， 而主线提取将用于图文内音频、视频等模块的代码导出 sv 区动画播放则控制导入动画的执行与停止。相应， 我们也另外提供了将 svg 初始化的功能。 z 零公众号编辑插件不仅支持来自依兔、豆库、黑科技编辑器的代码， 也支持来自幺三五、秀米、 ipad 等工具的代码。简单来说，任何你写好的代码图文都可以通过认领导入。 我们先在微信公众号中新建一篇图文消息，我们点击插件后点击内容导入。接着我们将我们准备好的代码粘贴到插件当中的空白处，点击导入内容，我们的交互推文就成功导入到微信公众号当中了。 一般来说，导入之后就可以直接进行保存或者群发等进行后续的操作。不过我们需要注意的是， 如果你的 svg 互动内容包含了自动动画，在开场后会自主运行的话，那么为了安全起见，我建议大家先点击 svg 动画播放这个功能，使动画暂停。之后我们再点击初始 svg， 将动画归为最开始的状态。 以我演示的本文为例，开场就有文本浮现的自动效果，那么操作完之后，我们可以看到页面是静态的，且是最开始的动画状态，这个时候我们再点击保存。 除此以外，一度多库黑科级编辑器中的一些自动动画组件，比如说自动伸长，或是其他编辑器产生的自动动画效果，也都建议按这样的方式进行保存。其他浏览器也是一样的操作，只需要将准备好的 代码粘贴到插件内容，导入功能中的空白处，点击导入内容即可。我们还有一种导入代码的方式，那就是利用开发者工具来进行导入。我将在下节课进行讲解，那么我们下一节课再见啦！

二零二六年 ai 时代动效设计新的工作流， figma 加 gemini， 一 句话直出 svg 动画加代码。首先打开 figma， 右键拷贝图标的 svg， 并加上这段提示词发送给 gemini， 并调整为 covers 模式。点击发送 我们就可以看到动效加代码就完成了，代码直接可以发送给研发，完美解决还原度的问题。关注我，下期更精彩！

大家好，我是董远军，今天咱们来讲讲改完模板代码如何上传到公众号。今天分享两个方法，第一个方法借助浏览器调试工具，第二个方法借助第三方排版工具一半这个大家也比较熟悉的， 那咱们来先看第一个方法，这个是啊，我这边弄好的一个模板，那咱们来看一下这个模板到底有没有改好 啊？我们我红领巾呢，经常会在这个 bdt 里面把这个模板代码改好，然后要实时的来看，在这个题里面实时看这个改完的效果啊，我们看一下 整体是已经是 ok 了，可以用的。那这个代码怎么把它放入到这个公众号后台的编辑器里面呢？ 很多粉丝会疑问，我代码已经根据你的啊一个注视要求，或者根据自己的一个实际情况已经把它修改完整了，但是就是不懂得把这个代码啊应用到这个公众号的文章里面去。 那咱们来看第一个借助浏览器调试工具，那模板代码呢？复制的时候也要注意，只一般只要复制在这个里面，那外面这个是我是模拟咱们公告文章的一个外面的一个容器，这是已经我模拟的，然后这些上面样式也是我根据微信上面的样式啊 模拟下来，这样子我咱们在浏览器查看的时候是比较真实的一个情况，过来的话啊，会发生一些氧气错乱，所以咱们只要复制这里面的，其他的大家不要去复制他啊，咱们来 ctrl 成本随便复制一下， 布置完之后咱们是要把它放入到公众号的后台里面，那怎么办？还是一样鼠标右键或者是键盘十二，哎， x 二，检查， 然后审查他，点这个小箭头，是审查他，审查好，审查 好这里。好，咱们这里有根漆，看一下这是不是出现的，出现了。好，那咱在这个后面放一个吧， 因为文章里面需要文字，等一下才方便展示给大家。看。好，这边把它放进来了。好，一定要注意。好，这边要点击 审查，审查，然后图标右键，然后再编辑，然后你在这边，然后点贴进去就可以了，再把蓝天贴进去就可以了，然后一点就完成了。那咱们来看一下效果，点击保存来看一下。 好，这边就是这样，我们来看一下 啊，咱们可以用模拟器打开锁屏模拟器，然后来预演这篇文章， 声音小一点。好，都有都有，这是正常的。那这是 第一种方法，利用浏览器调试来把。嗯，把这个模板代码放入到公众号的后台。那第二个方法呢？咱们要借助第三方的后台工具一半，那如果如果没有一半的话，最好是下载一个，可以下载一个那种浏览器插件的，这样子比较方便一点。好，我把这个删掉。 好，这个时候咱们来看还是老样子，把这个代码复制一下，复制完之后不需要不需要右键检查，直接点，如果有一半的弄好的， 一半一定要一半了，一半弄好的，这边你的后台编辑器会多出这一排功能，这些功能不是微信自带的，是一半编辑器里面自带的一些功能，因为我下载了他的 浏览器插件，点一定要点击，这个叫编辑连代码是相当于是，呃，可视化操作，编辑代码好，编辑完然后把代码给复制进去， 复制进来之后你可以再点一下，先点击一下，如果这个是绿色的话，那这样你这边写代码，写代码，那再点一下，你是写完代码之后的一个效果，再预览好，再点击保存好，那咱们再刷新一下这篇文章， 还是还是可以的，还是可以的，没问题的。这这是啊，这两种方法，第一种啊，就是如果你是老司机的话，用这个鼓励可能也会比较快一点，你看用它其实很棒。

教你一分钟画好老板交代的图表，打开富婆图表，我不允许！你还没有用过这么好用的图表工具，而且还是免费的。我们来画老板交代的折线图，放大一点，先改一下标题， 优化一下线条颜色，这里可以做一个平滑处理，咱们勾选上面积图，调节一下透明度，勾选这里，让数值一目了然。 接下来我们把数据按照真实情况改一下， 打开这个其他配置，看看有什么让标题居个中。好了，这 折线图轻轻松松就画完了，为了防止老板明天变卦，又出什么新的幺蛾子，还是先点击保存一下好了，这样下次还能接着改。 这个工具可以下载图片，还可以下载代码，拿到 echoths 里面使用。最后祝大家暴富！

a e 软件怎么导出 s v g 动画？这是做好的立体地图 s v g 动画， a e 可以导出，趁格式的 s v g 动画点窗口点扩展，点击八 d 某文，在项目面板选中合成的项目名字， 然后在窗口这里就可以加载显示。打开设置面板，勾选 including jason， 勾选 sander， 勾选 demo， 设置 s d g 动画保存位置保存号之后 点击按钮登，打开文件所在位置， 这个是爹谋预览效果文件，这个是包含 s v g 动画的寸文件。接着看一下 s v g 文件怎么导入 a e 里面。首先在阿里云的 day 塔网站 可以下载 s d g 格式的地图，然后用 ai 软件打开 s d g 格式地图， s d g 地图包含了下一季行政区的所有轮廓线， 取消编组，选中图层，点击更多 点击释放到图层顺序，每个图层前面出现不同色块，按住 shift 键多选二级图层， 拖动到上一级图层，多余图层拖到垃圾桶。点击文件点存储为保存为二零二零版本的 ai 格式的文件。 打开 ae 软件项目面板，双击空白处，导入刚刚的 ai 格式的地图文件， 选择合成点，确定，这时发现多了一个文件夹，文件夹里面就是每个二级行政区的轮廓。 把 ai 格式的轮廓图拖到合成面板，然后可以点击右键，点击新建，点击从史量图层创建形状， 这样就把 ai 时量图转成了 s d g 形状。也可以用钢笔工具 缩放和空格键移动画布，之后点空白处去掉图层，选择状态，直接用钢笔工具勾画轮廓。 新建 s d g 形状图层，设置不透明度为百分之六十八，方便继续勾画地图 s， d g 形状的轮廓。勾画完成之后，地图轮廓从 ai 格式就转成了 s， d g 形状格式， 把不透明度恢复到百分之一百，按一下 delete 键，删掉 ai 格式的图层，点击形状图层， 重命名图层，现在看不到描边效果。点击内容，点击形状，点击描边，设置描边粗细为一，这样就可以看到描边效果了。 按照这个式思路，把所有行政区的轮廓都描模一遍，都在 a 一里转成 s、 d g 动画。 设置填充色和描边色，然后制作 s v g 的地图动画，特别是地图厚度、 地图边界线高亮和发光效果。然后通过 body movement 插件导出 带 s， d g 动画的尺寸文件。点击窗口，点击扩展，选中合成的文件，点击设置默认勾选 griff， 滑动查看设置参数默认，点击 standard， 点击 demo， 点击 assets， 点击 include interesting。 接着设置导出位置，命名导出的文件架 a e 导出 s， d g 动画，这是一个只等格式的 d s， d g 的动画， 点击渲染 render， 点击完成更 查看导出的文件。双击 h t， m l 的预览文件，可以看到带 s， d g 动画的地图效果，里面的透明底色的至尊动画文件给到研发人员就可以直接用了。

几十张图片需要都转换成 svg 矢量图，我们应该怎么一次性的去批量给它们完成转换呢？这里教大家一个方法，来打开这个小工具，找到图片工具里面的图片转换为 svg， 然后添加需要转换的图片， 点击下一步，选择好新文件的保存位置，然后再点击下一步 点处理完成以后点击这个红色路径，就可以查看转换完成的矢量图了。

hello， 大家好，我是陈玄论讲，那今天要给大家分享的内容就是大家看到的，那我之前发了一个视频，就是在蛮早以前就是发了一个关于 vs code 创建我的第一个 html 页面的这样的一个视频。那最近这个视频呢？好像， 呃，有好多人又开始点赞收藏又蛮多的，是每天都有，每天都有，然后也有很多的这个呃，信息，就是问能不能再讲一下，接着往下讲它的一些续集，那今天续集来了，我们来看一下啊。就是，哎， h t m 页面我们之前已经就是讲到了，怎么样用 v s code 去创建嘛，对不对？就是用我们的这个这个工具 visual studio code 去创建。那今天我们来看一下它的续集，怎么样去创建它后面的这样这样的一个内容。我们现在看了这个页面呀， 它就是一个 html 页面，抄文本标记语言，哎，你正在看到的就是一个用 html 写的页面，哦， 这个视频我们就要讲解，呃，用 vi 呃， vi tutorial code 开始编辑 html 页面，就是我们之前讲之前认识的这个，呃，这个 vs code 怎么样去创建工作区，怎么样去创建我的第一个 html？ 那 接下来我们来开始揭晓往下讲哦。而且 零基础的你也可以写出它，就是你可以没有任何的编程基础，你也可以写出这个东西，对不对？只要你会用电脑，能够呃，安装这个 vs code， 能够打开它们就可以。你看 a， 这个页面的标题在原码里是这样写的，看到没有？ 这个是怎么来的？这个标题就是用这个写的，就是这几句啊，这几句标记它就可以识别，浏览器就可以解析识别它，哎，我们来看一下 html， 它就像干什么，就像搭积木的一个过程，它的标签是一对一对 成对出现的， a h 一 大标题， p 是 表示一个段落，我们可以在这里面写文本，呃，写一些我们的这个文字，然后去设置它的一些字体的大小呀，然后它的颜色呀等等。我们还可以去 插入图片，然后给它一些链接，那把标签组合起来，那浏览器就会显示出漂亮的页面，就像我们看到的这样。嗯， 那还记得我上次就是刚刚讲到的，我们用呃 vs code 写的第一个页面啊，告诉大家，哎。呃，这个怎么样去用啊？好多朋友说原来 html 这么简单，所以设计来了，只需要动动手，怎么样去动？其实几秒钟啊？一分钟就可以了哈。十秒，十秒，稍微有点夸张，就是我们打开 vs code， 就是 我们或者我们的记事本都可以啊，那这个地方我们主要是讲的 face code， 那 新建文件复制上面的代码框内容保存我们的啊， my first html， 用浏览器打开，你就可以看到这样的一个页面，我们来看一下，超级超级的简单。嗯，打开它，你看这是我已经有了的工作区啊，那我们现在干什么呢？我们现在 新建，新建看到没有？我们要干什么？这里有，有文件，这下面有这么多，我们选择什么呢？选择打开文件夹，看到没有？打开文件夹，那我打开哪个文件夹？你，你自己先创建好一个文件夹，我这写了一个 html， 它是一个空的一个文件夹，对不对？我选择它， 选择这个文件夹。 e 它的这个地方啊，不管它这里不管它。嗯。然后这个地方打开之后，这是它的一个初识页面，看到没有？欢迎页面。 welcome 的 一个欢。欢迎页面看到没有？ vishu code 啊，它的一个编辑精华就是它的一个欢迎页面。 welcome， 我 们不管它，把它关掉。然后呢？这个时候左边是空的耶， 左边是空的。我们接下来创建我们自己的第一个 qq 页面，对不对？然后我们来看一下，哎，这里它是一个什么？它现在是一个文件夹，我们讲它是一个，它可以创建一个工作区嘛？工作区它就是可以来回切换的。呃，所以它是一个工作区，你可以把它 把它理解为基于 vs code 的 一个项目，对不对？然后我们这个地方怎么样？哎，我们可以怎么样？哎，这个地方将工作区另存为这地方，把它存存在这个地方。哎，这里面已经有了啊，我刚已经存存过了。嗯，保存一下。 然后，欸，这就什么？这就是我们这个工作区了，对不对？啊？这里面就已经有个工作区了，然后我们可以怎怎么样呢？欸，我们可以怎么样？欸？创建文件，对不对？我们可以在这下面新建文件，对不对？新建一个什么样的文件呢？欸？ my first， 点 html， 记住是 html 喽，然后 点击回车。哎，这样我们就创建好了。创建好了之后，你看我们写一个什么呢？你看他这个有可以生成代码，我们点一个什么？呃，感叹号， 感叹号。这有个看到没有感叹号。然后我们可以，呃，双击用，用这个，用这个鼠标去点击他，他会给我们生成他的基础代码。 那我们还可以怎么样呢？还可以怎么样？哎，你，你觉得 table 没有用？有的，有的，有的。呃。那个，呃。之前那个评论区有人说就是那个 table 没有用，那你就用双击嘛，对不对？这个双击。那第二个我们可以用什么 table 页选择它，然后你看这里定位到它，然后用什么选择？按 table 键， 就是按 tab 键，它就可以生成这样的一个代码，哎，我们把它设置大一点，字体有点小哈，然后这里有一个啊，文件首选项里面设置，设置里面有一个文本编辑器，就是什么字体，我们把字体给它设置大一点啊，设置个二十二，对吧？ ok， 我们来看一下，你看这个时候就变大了，对不对？这里面你看是不是成对出现的？你看它可以折叠成对出现的，对不对？然后这次它的一个，嗯， html 文件的一个构成，一个基础构成，它就给你生成了。我们要干什么呢？我们在什么地方？在它的 body 里面写， 在它的这个 a body 是 不是身体，就是它的整个页面的主体里面写什么呢？哎。把这个地方，你看我们打，打开这个对不对？哎？把它复制过来，对不对？ 把它复制过来，嗯，复制到我们这里，哎，是不是？然后我们看一下，哎，复制到我们这里，对不对？写完了把这个地方我们把它换，换个行，是吧？换个行， 你看复制好了之后我们怎么样去运行呢？右键，哎，在我们的这个，呃，他有两种浏览方式，一种是基于这个 server 一， 一种是普通浏览的，我们这个没有，没有。呃。请求一些服务啊，什么什么的，我们就用普通的就可以了，所以我们这个地方，哎，我们这个地方，哎 o 分 音看到没有？ 看到没有，看到这个页面了吗？这就是我们刚刚写的，是不是超简单，对不对啊？是不是超简单？这个就是啊，今天要给大家分享的这个内容，那后面呢？我还写了一个这个教程哈，就是类似于手册的这样的一个一个东西，我看一下在哪里哈？ 啊？类似于手册的，我们找一下啊？啊？当然 ok， 这里，哎，就听见没有 啊？这是一个，这是一个什么？这是一个手势，就是在这里面啊，我们讲到 html 它的一个简介，然后它的一个基础构成，然后这个它的这个 文本标签，我们都可以按照这个来去进一步的学习这个 html 学习 html 不 需要什么啊？编程基础你有，你把这个慢慢的这些标签给它弄明白就可以了。不需要编程基础，然后我们就可以去搭建这种页面，看起来是不是 很神奇，对不对？不需要我们的这个编程技术，我们也可以做这件事情，哎，我们就可以画出漂亮的网页，后面再结合我们的这个，呃， css 层叠样式表，然后我们可以画出更漂亮的东西，然后再结结合交互 script， 我 们就可以做动态的，有具有交互性的这种网页 啊。今天的分享就给大家分享到这里，然后大家可以动起手来，非常非常的简单啊，今天就到这里。

买了电脑一定要使用的两个神仙命令代码，代码一，按住 win 加 r 键就会打开运行框，这里面输入 回车，看到的都是电脑使用过程产生的垃圾文件，直接全部选中右键删除，记得定时清理，才能让电脑保存最佳状态。代码二，再次按住 win 加 r 键，打开运行框，在这里面输入 mrt， 回车就会打开系统自带的恶意软件删除工具。点击下一页，选择快速扫描功能，他就会快速清理电脑中潜伏的流氓软件，平时有弹窗广告就可以使用它。想要了解更多电脑小知识，点点加号不迷路！

哈喽，小伙伴们，你的 windows 电脑是不是用久了就卡成狗？今天教你九个神仙设置，能让你的电脑直接提速百分之九百，彻底告别卡顿，而且操作超级简单，电脑小白也能轻松搞定， 废话不多说，直接上干货！一、开启卓越性能模式这个强烈推荐给台式机用户，笔记本的小伙伴稍微注意下散热哦！在搜索栏输入 powershell， 用管理员身份运行，输入屏幕上这串代码，回车， 然后在搜索栏中输入控制面板并打开，把查看方式改成大图标，点击电源选项，选卓越性能，性能直接拉满。二、开启游戏模式，打开设置， 找到游戏，把游戏模式打开。如果你的显卡支持，点击显示卡开启窗口化游戏，优化 gpu 加速和可变刷新率全开起来，打游戏流畅度绝对上一个台阶。三、开启上帝模式 在桌面新建个文件夹，重命名成屏幕上这串包含 god mode 的 神秘代码，敲回车，双击打开它，好家伙，两百多项系统高级设置全在一个窗口里，你就是电脑的神！四、优化视觉特效，打开设置，找到系统， 点击系统信息，进高级系统设置，找到性能设置，直接勾选调整为最佳性能， 关掉那些花里胡哨的特效，然后手动保留平滑屏幕字体边缘起用速览和显示缩略图这三个，不然看字会变模糊。五、禁用开机，自启右键任务栏打开任务管理器，切到启动应用， 把那些不需要一开机就跑出来的云盘啊、广告插件啊全给右键禁用了，可以很大程度地加快开机速度。六、开启存储感知自动清理 打开设置，找到系统存储，把存储感知打开，然后点击进入存储感知设置，勾选自动清理临时文件，建议周期设置成七天，顺便把回收站清理也设置成十四天，清理一次就不用手动清垃圾了。 然后滑到最下面，点击立即运行存储感知，就能立即释放不少的硬盘空间了。七、屏蔽烦人的系统广告这个分两步走，一是点击搜索，点击右上角的三个点，选择搜索设置关掉，在历史记录中搜索 显示搜索要点以及搜索我的账户下的两个。二是打开设置，找到隐私和安全性，点击建议和优惠，把广告相关的选项全给咔嚓掉， 清清爽爽。八、关掉小组键任务栏那个小组键经常偷偷吃内存，点开它进设置，找到显示或隐藏信息，提要把源关掉， 不给他占用资源的机会。九、精简锁屏界面右键桌面选择并进入个性化，点击锁屏界面，把个性化锁屏界面改成图片关掉，在锁屏界面上获取花絮提示技巧等， 然后把锁屏界面状态选无极简才是王道。以上这九个设置做完，你的电脑不仅运行更流畅，还能省下大把的后台资源，强烈建议先收藏转发，今晚就回家给你的电脑做个大优化吧！

如果你的电脑提示了这个，就说明你的电脑需要激活了。教你两行代码彻底激活电脑系统安排， 先在桌面新建一个文本文档，把它所命名为系统激活，再把后缀名改为 bat 格式，然后右键选择编辑，在这里输入这两行代码， 点击左上角的保存，然后关闭它，最后右键选择以管理员身份运行，点击确定，现在电脑就激活成功啦！

如果你的电脑提示了这个，说明电脑需要激活了，不然会导致电脑很多功能无法运行。教你输入两行代码，彻底激活安排，先在桌面上新建一个文本文档，双击打开，打开后在里面输入这两行代码指令，然后将文本保存好， 回到桌面。接着将文本中后缀名更改为 bat 格式。回车 右击文本以管理员身份运行，然后点击确定，等待一会就能看到系统被成功激活了。

今天给大家介绍一个非常非常好的一个工具啊，嗯，做技术内容的朋友，其实或者是做呃，代码呀，做实线呀啊，做设计的朋友其实都有这一个痛点啊，每次写文章做分享，或者是啊做产品设计， 呃，需要配这个架构图或者流程图的时候呢，手画非常慢，用微手呢又很重，你去找设计师可能也来不及。 最后的话，要么是凑合用一张截图看也看不清楚，要么就不配图。今天介绍这个工具呢，就是解决这个问题的，叫 fireworks technology graph 啊，核心的思路非常简单，就是比如说你用你自己的， 呃，用你自己的语言，中文、英文都行，描述你想要的图，它自动帮你生成，可以直接在啊文档里面使用，或者发布的这种 svg 或者 png 这种高分辨率的这种图，嗯，甚至可以达到 呃，幺九二零这样的，就两杯视网膜分辨率的这种啊，风格也非常多哈，大家可以看，比如说有这种扁平图标的这种， 也有暗黑的即刻的这种风格，还有就是工程的这种，工程南南底图的这种，还有这种笔记的极简的这种风格， 包括玻璃钛的啊，下面有很多，呃，其实你要跟他说的话呢，就是说，比如说我们刚才说的这里面其实有很多，呃，这种就是你要 画一张图的话，其实也很简单，你只需要啊，就首先比如说安装这个，安装这个，其实你用这个装也行，但这个呢比较费 token， 直接克隆也可以，或者你直接下载下来以后把这个拷贝到你的那个，就是这个，呃， home 功能下的点 cloud 的 点的 skills 下面直接拷过去解开就行。 然后呢使用方式也其实非常非常非常的简单，比如说，呃，你看画图，帮我画生成图，这些关键词都会触发，比如说最基本的用法就是画一张 r a g 的 流程图啊，或者是画一张微服务的价格图，风格是什么什么什么， 然后指定输出到什么什么路径，这下面都有很多的这个实际的例子啊。所以呢，其实它这个就我们经常用的嘛，比如说你用的 ai 点的图，比如功能矩阵呀，永刀记忆呀啊，智能体的架构啊这些 啊，包括你经常画的这种基础设施与服务的这种价格啊，包括时序图啊，这个其实呃用处也挺大，还有决策和流程图，甚至概念图， 所以他在后面总结了一下，就是不同的这种风格，呃就适用的场景，然后你用的时候只要是说把这些这些词关键词缩到里面去，然后呢他就会给你画出来。 所以呢就是总结一下，就是如果说经常写呃 ai 相关的文章，或者你是一个产品经理，或者是你是一个博主，你经常啊就是需要画图在你的文章里面，然后这个工具是值得一试的。 呃，核心价值的话就总结一句话，就是用说的方式出图，不用手画，也不用调样式，拿来就可以用。

搜索 id 为四十八的 svg 元素， 点击工具条的配置 svg 按钮， 根据自己的需求修改配置参数，将图片换成我们自己的， 这样一个精美的效果就做好了。很简单吧，快来动手感受一下吧！ 记得点赞关注哦！