![](https://img-blog.csdnimg.cn/20201014180756923.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Javascript
朱穆朗
我不是码农!
展开
-
Fork了svg2ttf,支持了Illustrator常规生成的path标签的SVG图片,插件名:svg-ttf-generator
因为默认的svg2ttf仅支持远古的glyph标签,而现在svg设计工具一般都生成的是path标签图片,所以修改了下核心代码,发布到了npm上,估计也没几个人用的到,但是我需要,哈哈。原创 2021-11-05 16:11:04 · 183 阅读 · 0 评论 -
SVG2TTF插件的一个问题
在使用svg2ttf插件时,如果用Adobe Illustrator编辑SVG,实际生成的是path,而插件本身仅支持已经被标准淘汰掉的glyph标签,所以,需要将插件的lib/svg.js文件修改下才能较好的支持path标签下面是代码://修改第12行//glyph.d = glyphElem.getAttribute('d').trim(); glyph.d = svgpath(glyphElem.getAttribute('d')) .scale(1, -1)原创 2021-11-04 20:53:55 · 374 阅读 · 0 评论 -
我的第一个开源项目electron-vue-ant
基于以下核心框架:electron 11.3.0 Vue 2.6.12 ant-design-vue 1.7.4最适合做桌面跨平台开发的基础框架,Ant-design-vue是目前国内最优秀的Vue UI框架库,因为Element UI已经停止更新(据说原因是以前团队都被阿里挖过去了)然后github和gitee上基于electron和vue的各类模板都太老了,甚至还都是基于electron2.x的,现在都11.x了,所以自己做了这个项目,功能如下:自动更新:不同于eletron-v...原创 2021-03-11 09:23:15 · 999 阅读 · 0 评论 -
Ant design vue动态主题切换的坑与一般性方法
本文原创,并且以吐槽为主,下面开始:Ant design vue是很优秀的框架,不过对于一般小白用户(比如我),文档方面不够友好。官方给出了主题自定义色彩的方案,但是太过于简陋,网上很多技术解决方案也点到即止,我在这方面足足浪费了两天时间,下面说一下技术重点,每个点都是自己踩出来的坑,都是泪:先说下需要的各个模块以及版本号,这个很重要,版本号不对,就会有各种你搜都搜不出解决方案的报错【以下内容均针对vuecli3/4初始化的项目环境,其他方案请自行解决】Vue@2.6.11Ant-de.原创 2021-03-04 16:04:43 · 4172 阅读 · 16 评论 -
Node.js调用CMD命令时的操作方法
网上各种教程,各种坑呀,还是要自己折腾。首先,确认要用的是child_process来启动子进程,然后用spawn方法去执行各类CMD命令。然后,对于中文系统,我们需要用iconv-lite去除乱码。所以,示例代码如下:const iconv = require("iconv-lite");var spawn = require("child_process").spawn;var result = spawn("cmd.exe", ["/s", "/c", "ping www.baidu.c原创 2021-02-08 15:18:23 · 3363 阅读 · 2 评论 -
关于共用node_modules的凡尔赛结论
不得不说,NPM对于node_modules的管理实在是……随便一个稍微复杂点的项目,你要建立一个新的版本,好吧,node_modules就是一个巨无霸。其实,node_modules并不需要在你的项目根目录,而且,项目间是可以共享node_modules的,最最简单的做法就是:D:\Projects\node_modulesD:\Projects\projectAD:\Projects\projectBD:\Projects\projectC每个project目录里,复制node_mo原创 2021-02-02 16:04:25 · 1811 阅读 · 5 评论 -
Konva Vue当中的一些技术心得
Konva是非常优秀的Canvas操作库,也做了React和Vue等框架当中的适配,不过官方文档中的信息给的很少,经过了一些摸索。先推荐一个国人弄的Konva的中文文档:http://konvajs-doc.bluehymn.com/与标准JS版本的Konva相比,Vue版最需要注意的就是组件化当中的概念,所有的Konva对应的元素都变成了Vue当中的Component,所以,对于它的操作需要明晰概念。当我们用refs获取元素的时候,得到的是标准的Vue Component,而不是Konva控件原创 2020-12-12 21:34:11 · 3154 阅读 · 2 评论 -
关于Ant Design Vue和Vue原生动画冲突的解决方案
Vue官方的fade动画源代码如下<div id="demo"> <button v-on:click="show = !show"> Toggle </button> <transition name="fade"> <p v-if="show">hello</p> </transition></div><script>new Vue({ el: '原创 2020-10-23 18:21:20 · 2041 阅读 · 0 评论 -
layui使用upload组件上传图片前的压缩
对于很多情况,我们都有在前端压缩图片后再上传的需求,如果是单独的上传过程直接做就可以,但对于layui这种框架就需要注意下了。具体方法如下(前端压缩图片我使用的是image compressor这个JS库):upload.render({ elem: '#uploadpicbtn' , url: somewhere //必填项 , auto: false , choose: function (obj)原创 2020-05-20 17:00:28 · 2344 阅读 · 0 评论 -
Electron中调试和生产模式的判断方法
核心参数是这个:【app.isPackaged】官方文档里是这么说的:返回一个Boolean值,如果应用已经打包,返回true ,否则返回false 。 对于大多数应用程序,此属性可用于区分开发和生产环境。所以,程序里就可以这样写了:store.set('devmode', 0);if (!app.isPackaged) { //production //con...原创 2020-05-07 15:53:49 · 4703 阅读 · 0 评论 -
解读Typr
Typr是Photopea的作者为了他的在线PS工具专门写的JS字体管理框架(这个很腻害),按照他的说法,是opentype的替代品,更加小巧,更加快速,而且支持的格式更多(目前看,就是酱紫,opentype对一些otf支持很不好,而且一旦渲染字体过多就卡),而且支持带颜色的SVG字体文件……Typr分为两个组成部分:1、Typr:输出字体各类信息,分成若干个表,主要的其实就是name表,...原创 2019-12-13 14:58:12 · 1534 阅读 · 0 评论