WEB嘟嘟-CSDN博客

原创 canvas中实现字体描边

在做项目的时候，我使用了text-strok这个css属性实现了字体描边的效果，但是当用html2canvas将DOM元素转成为canvas的时候却发现字体描边是没有出现的，当然，canvas2html这个插件并不是截图。只是利用了canvas 的方法，读取了DOM元素里面的属性然后转换成为canvas，既然这个字体描边没有出现，那么就说明，在canvas中不支持字体描边，在经过一系列的搜索之后发现，其实canvas是支持字体描边的，但是不支持设置字体描边的宽度，你无法达成像PS中一样的效果，无法还原像te

2020-12-30 10:15:10 2552

原创前端解决跨域杀手锏-一招致命

很多时候，在本地开发的时候，会遇到跨域的问题，其实所谓的跨域只是浏览器的一种安全机制，在正常情况下，我们可以使用服务器代理的手段解决跨域，但是有时后我们开发的时候需要连接VPN网络来开发或者等等的其他的一些场景，这种时候，我们做跨域的处理好像就没有那么方便了。如果跨域是浏览器的安全机制，那么我们只需要处理掉浏览器的这种机制就好了。在桌面上找到你的谷歌浏览器的图标，右键选择属性将“目标”一栏后边添加一段--disable-web-security 记得要有空格，不然会报错的。然后点击确定修改，..

2021-04-30 09:30:48 231 4

原创解决GitBash在创建项目时无法选择的问题

在使用gitbash创建项目的时候，很多人会发现，在使用VScode创建项目的时候是可以使用方向键进行选择，使用空格键进行选中的，但是在项目中右键打开gitBash的时候上下方向键只能干煸光标的位置，无法选中选项。解决方法很简单，首先我们需要先找到gitBash的安装目录。进入这个名为etc的文件夹找到如上图中bash.bashrc的文件添加一行代码alias vue='winpty vue.cmd'之后重启gitBash就好了。...

2021-04-20 10:56:51 935 2

原创小程序的微信登录方式作出调整，用户信息接口作出改动（微信登录获取不到头像昵称？）

从二月份开始起，在微信小程序中就有公告，微信登录将作出一些调整，没错，微信又要改接口了，这不是第一次，每次的改动，作为开发人员，都要想方设法重新放弃之前的习惯，前后端配合调整出一个新的策略来应对问题。虽然官方宣城要在4月13日后更新这样的调整，但是uniapp这样的框架已经提前做出了调整，当你如果还是使用button按钮的开放API事件获取用户信息的话已经是完全行不通的了。你将会获取到这样的信息我们普遍的微信登录的操作方式有两种，一...

2021-04-06 11:08:07 949

原创 UNI-APP引入iconfont的方法

在uniapp中引入iconfont的方法有两种，一种是本地引入的，还有一种是在线引入的。先说一下在线引入的方法，在iconfont中创建一个你自己的项目，之后添加一些图标进去，选择unicode然后复制代码。然后下载代码至本地，在里面找到iconfont.css我们只用这个，拿到CSS之后放进我们的uniapp项目中，并将代码张贴上去，替换掉之前的代码在app.vue中引入CSS文件使用的时候也很简单可以看到上面的方法还是引入了外链的，我们普遍是不喜欢这样做的，总.

2021-03-05 16:19:11 1484

原创 CSS实现字体描边的方法

我们经常做的边框以及分割线之类的是基于盒子模型的，一般使用border就可以搞定，但是在某些时候需要做一些字体的描边的功能，比如像这种的，在CSS中也确实是有一个属性可以添加字体描边的，-webkit-text-stroke:1px #f00;利用这个属性确实是可以给字体加上描边，但是如果描边的宽度稍微宽一些的话，所描边的范围就会覆盖字体本身，文字就会显得特别奇怪这里的红色描边部分已经覆盖掉了黑色的字体，如果这个描边宽度再宽一些的话就会完全覆盖掉字体了。但是在Photoshop

2020-11-12 12:49:16 12536 3

原创在小程序中实现海报制作

　wx.canvasToTempFilePath(object, component) 通过这个方法把画布的指定区域的内容导出生成指定大小的图片，并返回一个文件路径。这里容易出现的问题就是生成的图片好像有些失真，解决办法是在canvas绘制的时候，将整个宽高的比例都给等比放大一些，然后保存图片的时候保存为原比例，这样就能保证图片的分辨率。如果项目的需求没有这么简单，需要用户自己操作编辑文字，修改图片，调整大小，以及移动位置，需要用户自行排版布局的话，我们使用的微信提供的方法就显得有些无力。首先

2020-11-11 10:19:43 884

原创微信小程序的客服功能实现

在微信小程序中，是有一个自带的客服功能的，没有激活的事件，想要打开客服的功能只需要一个按钮button按钮提供了一个opentype属性，当我们将opentype值赋值为contac的时候就已经实现了一个客服的功能在PC端小程序开发者工具里面是没有办法测试这个功能的，在真机测试发送客服消息也是完全没有问题的，但是客服的消息都发送到了哪里呢？如果你的小程序没有绑定客服的话，需要先进入微信开放平台，登录你的小程序账号，在功能中有一个客服的选项添加完客服之后，还是不能收到信..

2020-09-17 10:32:20 6494

原创小程序制作海报

小程序制作海报的话，不得不提的是canvas的操作，相信不少人都做过关于分享图片，然后带一个自己的二维码之类的海报，做起来感觉还是相当简单的，但是如果想做一款自由度高的并且百分百还原的海报小程序并不是想象中那么简单。如果说我们是做H5项目的话，完全不用担心，使用html2Canvas完全可以实现将DOM元素转换为画布，但是在小程序中，DOM的操作并不一样，HTML2canvas的功能我们无法使用，也就只能通过canvas提供的一些文字的方法去进行，然而终会遇上下面几种问题。1.关于文...

2020-09-10 13:38:33 800

原创微信小程序自定义扫码

在开发过程中，经常会遇到像下面这种的需求，这种时候如果使用微信自带的扫码功能的话，他们的页面我们是没有办法去编辑的，这种时候我们就需要用到自定义一个扫码界面，用到的是微信小程序的camera组件在小程序的开发文档中我们可以找到这个组件以及对应的属性可以看到，当这个mode为normal的时候，就是一个正常的相机，当mode为scancode的时候，就开启了扫码模式，在这个项目里面，有几点特别需要注意的，有的人看到了，摄像头所呈现出来的画面是全屏展示的，然后就会将camera组件防至最外层

2020-08-18 10:17:14 2495

原创关于微信小程序地图组件里面运用input的方法

关于微信小程序地图组件里面运用input的方法很多人在做项目的时候不可避免的会遇到如图这样的需求，这种是很常见的一种，这种地图上面加一个表单，看起来就给人一种高达上的感觉，尽管他不一定真的有用，不一定真的会给用户带来很好的体验，这里可以明显的看出来第一个地址，当然是页面的跳转，然后第二个和第三个看一下就明白，这个是一个下拉的选择框，然后最后一个因为需要输入框的高度跟随输入字数的变化而变化，所以这里我用的是textarea，如果你是第一次写这个我相信你一定是很懵的一个状态，上去之后直接就是一个view,

2020-07-30 17:31:23 957

qq_24537119的博客