HTML5 rotate为什么在安卓的微信上失效

发布网友发布时间：2022-05-03 00:40

共2个回答

热心网友时间：2022-07-01 05:18

HTML5 rotate在安卓的微信上失效的原因是安卓内置的微信浏览器不支持rotate渲染导致。
一般html5的rotate需要测试浏览器的兼容性，没有经过测试的浏览器就不会被支持。
rotate的实现方法如下：
G = {};
// 获取canvas的上下文
G.ctx = document.getElementById('canvas').getContext('2d');
var x = 200;
var y = 100;
var w = 30;
var h = 70;
G.ctx.fillRect(x, y, w, h);
G.ctx.save();
G.ctx.translate(x, y);
G.ctx.rotate(30*(Math.PI/180));
G.ctx.fillRect(0, 0, w, h);
G.ctx.restore();

热心网友时间：2022-07-01 05:19

如果手机上装了QQ浏览器，微信就用的是QQ浏览器内核，如果没装就用的是系统的浏览器内核，安卓用的chrome内核，ios用的是safari内核。所以QQ浏览器没有问题，说明问题不是出在contenteditable。contenteditable这个属性兼容性很好，ie678都能兼容的。腾讯的QQ空间就是用的这个属性。