canvas_积微成著

所有文章

【原】canvas在mac和2k高清屏下绘图模糊的解决方法
WEB前端
在之前使用canvas绘制网站logo时，发现logo图片会出现模糊的情况，在家里的电脑上看到是模糊的，今天在公司的mac上面看到也是模糊的，但是在公司的外接显示屏上没问题，瞬间反应过来了，家里的电脑也是2k的高清屏，所以这个问题肯定是屏幕分辨率太高导致的。在高清屏下的图，截屏了也会放大，如下图：在普通屏下，就不会缩放：两次截图时的尺寸是一样的，第一张图被放大了一倍（我在使用mac的时候，每次截图时都对此深恶痛绝），这也就是为什么在高清屏中logo会模糊的原因。解决方案：1、使用window.devicePixelRatio找出设备屏幕的缩放比例w...

不忘初心 2019-05-28 围观(1413) 评论(0) 点赞(8) 【WEB前端】
阅读更多
【原】利用canvas来制作网站logo图片
WEB前端
博客一直没有logo，苦于ps技术不咋地，只好利用canvas来简单绘制一个网站logo，非常的实用，如果大家的网站logo不是很复杂，也可以参考一下本教程。之前我的博客logo长这样：看着也还可以，对用户来说是无感的，看一下源码，并不是img标签，而是一个a和span标签组合而成的：投机取巧，终归不是正道。不多啰嗦，直接上代码：<!doctypehtml><html><head><title>test</title></head><bodyonload="draw('c...

不忘初心 2019-05-27 围观(907) 评论(0) 点赞(6) 【WEB前端】
阅读更多