浏览器缩放后,flashcanvas内部绘图时坐标错位的解决方案

最近在使用flashcanvas来解决ie等不支持HTML5 canvas的问题,我做的是个画笔工具,当用户把浏览器缩放为75%时,画出的图形居然错位了,我把坐标的值*0.75传进去就ok了

以下是计算当前浏览器缩放比例的方法


detectZoom:function(){
			var ratio=0,
			screen=window.screen,
			ua=navigator.userAgent.toLowerCase();
			if(ua.indexOf('firefox') > -1){
				if(window.devicePixelRatio!==undefined){
					ratio=window.devicePixelRatio;
				}
			}else if(ua.indexOf('msie') > -1){
				if(screen.deviceXDPI&&screen.logicalXDPI){
					ratio=screen.deviceXDPI/screen.logicalXDPI;
				}
			}else if(window.outerWidth!==undefined&&window.innerWidth!==undefined){
				ratio=window.outerWidth/window.innerWidth;
			}
			return ratio;
		}



经过我的测试发现,如果在浏览器比例缩小的情况下,我们使用flashcanvas绘图的话,传递给flash内部的坐标参数
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值