上海老建筑(原国民党时期的上海市政府、上海电影局、教堂等旧址)
上海老建筑(原国民党时期的上海市政府、上海电影局、教堂等旧址)
先温馨提示:胆小者勿入,出了事本吧概不负责。
为了照顾各位眼吧的吧友
决定开一个专门放图的帖子
“图里是不是有什么?”、“这是我的房子,里面有脏东西【对于说是脏东西的人我只能对你呸一声】吗?”、“我的眼睛是阴阳眼吗?”
↑之类的图片都可发到本帖子内
不配合请等待坐进小黑屋吧。∑(????)?~
请勿再顶一月五日之前的这类图片的帖子,多谢合作。
南无阿弥陀佛 南无观世音菩萨 南无大势至菩萨
额额额额,我衣柜镜子特别大啦,哈哈哈
我想知道这两个有灵在吗
这一些灵幼儿 也是可怜的
谁能帮看下这人身边有什么吗
有个问题,鬼眼和阴阳眼有什么区别…我和一个灵相处过5年,应该说是他守了我五年,但是从他走后我能见到的越来越少,但最后除非真的是无法忽视的或者是和我主动打招呼的…不然真看不见什么了
我们宿舍好像有不干净的东西 那时候在睡觉 然后听到对面下铺两声咳嗽 但是宿舍 只有一个人
-彼岸花,花叶互因果,生生相恋、生生相错、生生轮回、生生相生、缘注定生死。
帮我看看古曼宝,看看孩子们在干嘛
也帮我看一下,不知道她是几岁,是什么性格
阴阳眼看图片也能看出来?
我被鬼压床起床后感觉很轻松,为啥啊
是这张没错,有问题来着
之前我在 SF 上回答过「」,但是可能是由于我给出的答案过于简略,加上答案中的 demo 链接已经失效,很多人反映这种办法并不好使。但是我在给出答案之前是在小米2 和 iPhone 上测试过的,没有任何问题。下面我会一步一步地描述具体的步骤。
假设我们要在 canvas 中绘制一张 300 x 90
的图片,并且要保证它在高清屏中不模糊。那么我们首先要准备一张 600 x 180
的图片,处理过高清屏的同学应该会有这方面的经验。
OK,我们先把问题重现一下,以便有一个更直观的了解。下面是相关的代码(为了简单起见,我把代码都写在了 HTML 文档里面):
代码很简单,没有做任何处理,具体的效果和完整的代码可以查看这个 ,这个 demo 在高清屏的手机中会出现的问题:canvas 中的图片变模糊了!。
至于为什么会变模糊,这和浏览器处理 canvas 的方式有关,相关的文章可以参考这篇 ,这里不作深入介绍。
其实,不只是绘制图片时会出现模糊的问题,正常情况下,在高清屏的设备中,任何绘制在 canvas 中的图形(包括文字)都会出现模糊的问题。上面这个 polyfill 就是为了解决这个问题,但是它没有处理图片。
将 init
函数修改成下面这样:
可以点击查看完整的代码和效果,在高清屏的设备中打开,看看 cavans 中的图片是否完美显示。
这个解决方案本质上和 的答案是一样的:先放大 canvas,再用 CSS 将其限制回原始大小。
如果你看了 polyfill 的代码就会明白其中的原理了,这个 polyfill 的代码十分简短明了,它做了两件事:一是将 canvas 的高和宽分别乘以 ratio 将其放大,然后又用 CSS 将高和宽限制成初始的大小;二是 hack canvas 中常用的函数,如:fillRect
, clearRect
,
lineTo
, arc
等,将它们的参数都乘以 ratio,以方便我们可以像以前那样使用这些方法,而不用在传参的时候手动乘以 ratio。