有了canvas之后，我们可以很容易地创建一个简单图标，不需要任何插件，不过，有的小伙伴觉得它很难，笔者仔细思考一番之后，只能吐嘈一下他们的绘图技能...于是在开始绘制之前，我们首先画一下草图~ 讲解之前，先贡献出源码：https://github.com/Sue1024/Ca... Make It ...
分类：
Web程序 时间：
2020-04-29 14:50:03
阅读次数：
78
本期重在编程思想分享，代码仅供参考，要根据自己的需求来写。 本文主要讲用户拒绝授权后的逻辑处理；用canvas制作海报需要画出用户头像，点击“生成海报”用户明明同意授权了，可是不显示该怎么办。 我说一个场景： 这里有两个页面A和B，A点一下能调转到B。 A是一个获取用户信息的按钮，点一下就一个逻辑： ...
分类：
微信 时间：
2020-04-28 17:21:41
阅读次数：
109
使用Canvas + exif-js自动修正数码照片 使用场景，在做朋友圈 H5 时，时常遇到需要用户拍照上传图片需求，但是在一些手机（iso）上拍出来的照片会出现奇怪的旋转角度来呈现。经过各种百度才发现相机拍出来的图片拥有很多属性，其中一项是Orientation ，用于记录拍摄时相机物理旋转角度 ...
分类：
其他好文 时间：
2020-04-28 15:02:20
阅读次数：
85
企查查登陆验证使用的阿里系的滑动验证码，主要检查的是 内置属性、鼠标在页面中的事件、浏览器可见性中的宽高（canvas绘制）、滑动过程中坐标轴的变化等信息。 使用puppeteer能很好的模拟页面中的事件，但是在进行测试企查查登陆时，需要浏览器的可见性，而且与分辨率也有一定的关系，需要设置浏览器和系 ...
分类：
其他好文 时间：
2020-04-28 00:18:52
阅读次数：
204
getImageData：获取一张图片的像素数据cxt.getImageData( x, y, width, height )x：图片所在的x坐标y: 图片所在的y坐标width,height 要获取的像素区域返回值是一个对象，对象包括一个data属性， 宽度，高度. data属性是一个巨大的数组， ...
分类：
Web程序 时间：
2020-04-27 19:09:26
阅读次数：
74
前言 （最近设计模式看的有点头大，一直面对纯js实在是有些枯燥-_-。所以写一点有趣的东西调剂一下）现在canvas已经不算新鲜了，不过由于日常业务中并不常用，所以实践并不多，今天分享一下，如何实现简单canvas迷宫。这个例子来源于《html5秘籍》第二版，代码有稍微做了点调整。 由于中间有一步使 ...
分类：
其他好文 时间：
2020-04-27 15:21:22
阅读次数：
64
上个版本街道一个需求，使用url生成一个二维码，然后和另外一张图片合成一张图拍你，实现思路是这样的 使用jr-qrcode将url生成data:base64供img使用 然后使用canvas 将两张图合成一张图片 遇到的问题生成图片之后发现图片很模糊，解决办法是将canvas画布扩大两倍，其他参数也 ...
分类：
其他好文 时间：
2020-04-26 10:41:51
阅读次数：
76
开始 之前写的个人博客确实有点太丑了，最近重写了一番。做了移动端适配，增加了文章标签以及做了相册等功能。看着很不错。talk is cheap,show me you code。一图胜千言，且看如下效果： 个人博客地址：http://www.baijiawei.top 项目GitHub地址：http ...
分类：
其他好文 时间：
2020-04-26 01:38:06
阅读次数：
60
wxml: <view catchtouchmove="preventTouchMove" wx:if="{{canvas_ma}}"> <view class='warp_' style="overflow-y: scroll;"> <view style='' style='position: ...
分类：
微信 时间：
2020-04-25 19:15:17
阅读次数：
98
wxml: <view catchtouchmove="preventTouchMove" wx:if="{{canvas_haoBao}}"> <view class='warp_' style="overflow-y: scroll;"> <view style='' style='positi ...
分类：
微信 时间：
2020-04-25 19:05:39
阅读次数：
103
