canvas在电脑手机屏上被自动放大显示不正常问题
2016-04-12 17:27
525 查看
canvas在高清电脑屏上或者手机上显示不正常,其原因是被自动放大变模糊了,所以需要根据不同的手机的devicePixelRatio来进行缩放canvas。
解决方案:(同时利用style.width,style.height,width,height可控制缩放效果,因为这是canvas.style.width跟canvas.width所导致的问题。)
canvas.style.width是浏览器渲染canvas的尺寸,而canvas.width是canvas的画布大小。
主要代码如下:
解决方案:(同时利用style.width,style.height,width,height可控制缩放效果,因为这是canvas.style.width跟canvas.width所导致的问题。)
canvas.style.width是浏览器渲染canvas的尺寸,而canvas.width是canvas的画布大小。
主要代码如下:
var tWid = window.devicePixelRatio;//获取设备像素比 var canvas = document.getElementById('myCanvas'); //获取canvas对象 if (canvas) { canvas.width = parseInt(canvas.width) * tWid; canvas.height = parseInt(canvas.height) * tWid; canvas.style.width = parseInt(canvas.style.width) * tWid + "px"; canvas.style.height = parseInt(canvas.style.height) * tWid + "px"; }
相关文章推荐
- 如何制作自己的Visio图标
- BadgeView的使用介绍
- 计算机程序和C++语言简介
- 程序员的幸福
- Android应用控制LED(动态编译LED驱动)
- 【杭电oj】1432 - Lining Up(数论)
- Chrome 的插件JSONView 格式化转换本地的文件
- Unix网络编程一、二章笔记
- C语言之指针
- 数据存储优化
- Android ProGuard代码混淆
- javascript全局变量与局部变量
- Android 开发进阶指南
- 当ListView有Header时,onItemClick里的position不正确。
- 大数据面试题
- Java异常处理-原则
- iOS中 imageNamed方法 非常多图片占用大量内存问题
- C++ 常用容器or数据结构
- 【原创】MVC +WebUploader 实现分片上传大文件
- Unity编辑器扩展-菜单项