轩枫阁

首页 / Web前端

iPhone微信二维码长按识别不了?

前言

微信提供图片长按识别二维码跳转的功能,但是发现有时候在iPhone下并不是所有图都可以出现识别二维码。但是在Android的设备下可识别,这里究竟是什么原因呢?

识别方式

微信 6.7.3

Android

取整张图片分析,有二维码即可识别。

iOS

当图片的宽高或高宽比例超过竖屏2倍,采用的方案是截取当前屏幕分析,两端策略不一致。

所以当长图超过一定比例,二维码没在屏幕可视区域时,不会出现识别二维码。

测试图

图片尺寸:500*2170(比例为4.34)

测试机型:iPhone x

iPhone设备尺寸详情

计算结果:为达到直接识别二维码的效果,不同设备的最大比例如下

机型 最大比例
iPhone XS Max 4.33
iPhone X 4.33
iPhone 8P 3.56
iPhone 8 3.56
iPhone SE 3.55

得出结论,iPhone下图片最大比例不大于3.55均可长按识别。

2018/10 23  周二

基于Canvas的手绘风格图形库 Rough.js

前言

推荐一个基于Canvas的手绘风格图形JS库。

Rough.js

Rough.js 是一个轻量的(大约8k),基于Canvas的可以绘制出粗略的手绘风格库。

提供绘制线条、曲线、弧线、多边形、圆形和椭圆的基础能力,同时支持绘制SVG路径。 查看全文

2018/03 18  周日

Node inspect debugger调试工具

特性

Node V8.0开始支持使用Chrome Devtools调试工具来调试Node,非常的有用。

Debugger

稳定性:2 稳定

Debugger是基于TCP协议和内置调试客户端可访问的进程外Node.js调试实用程序。

可以在启动Node.js的时候,加上inspect参数,后跟脚本路径,进行调试。 查看全文

2017/09 07  周四

深度剖析:如何实现一个 Virtual DOM 算法

看到一篇关于Virtual DOM的优秀文章,现转载

1 前言

本文会在教你怎么用 300~400 行代码实现一个基本的 Virtual DOM 算法,并且尝试尽量把 Virtual DOM 的算法思路阐述清楚。希望在阅读本文后,能让你深入理解 Virtual DOM 算法,给你现有前端的编程提供一些新的思考。

本文所实现的完整代码存放在 Github

2 对前端应用状态管理的思考

假如现在你需要写一个像下面一样的表格的应用程序,这个表格可以根据不同的字段进行升序或者降序的展示。 查看全文

2017/08 15  周二

纸飞机许愿

x

钢琴节奏

请选择弹奏的曲谱

    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7
    • 1
    • 2

    [返回曲谱列表]

    点击开始录制,可以录制弹奏的曲子