
canvas
文章平均质量分 92
Quiet-Night
Github: https://github.com/accforgit
邮箱:kother@foxmail.com
展开
-
小程序 Canvas绘图不同尺寸设备 UI兼容的两个解决方案
最近做的一个需求,遇到一个问题,小程序绘图目前只支持 px单位,设计图一般是以 iphone6为基准设计,如果严格 iphone6的尺寸进行代码编写,放在其他尺寸的设备上,肯定是不行的,所以需要按照设备进行等比例兼容,这里给出两个解决方案先假设一个需求,下面是最终实现的效果(以 iphone6为基准),下面就以此为目标进行展开 整个页面被 canvas组件覆盖(在 iphone6下...原创 2018-09-10 12:35:39 · 2126 阅读 · 0 评论 -
Canvas 性能优化
最近对 html5小游戏有点兴趣,因为我感觉将来这个东西或许是前端一个重要的应用场景,例如现在每到某些节假日,像支付宝、淘宝或者其他的一些 APP可能会给你推送通知,然后点进去就是一个小游戏,基本上点进去的人,只要不是太抵触,都会玩上一玩的,如果要是恰好 get到用户的 G点,还能进一步增强业务,无论是用户体验,还是对业务的发展,都是一种很不错的提升方式。另外,我说的这个 html5小游戏是包括...原创 2018-09-21 12:52:01 · 4715 阅读 · 1 评论 -
canvas&&CSS&&SVG三种实现仪表盘的方式
先上效果图:这种图形大家应该都见过,俗称仪表盘,当然,上图只是个最基本的仪表盘架子,可能在实际场景中还会其他很多花里胡哨的点缀,那些暂且不管,不是关键,这东西经常见到,但还没亲自上手在代码层面实现过,最近做的一个需求恰好有这个场景,这里归纳一下Canvas 实现大部分情况下,对于这种偏可视化的元素,一般都选择使用 canvas来进行绘制,现在已经 9120年了,线上使用 canvas完全没...原创 2019-05-28 22:12:52 · 2885 阅读 · 1 评论 -
canvas绘制雷达图
最近做的一个需求,场景之一是绘制一个雷达图,找了一圈,似乎 AntV 下的 F2 很适合拿来主义:但是接着又考虑了一下,我当前所做的项目并不是可视化项目,今后大概率也不会有这种可视化图表的需求,只是为了单个需求一两个图表就引入一个可视化库,性价比有点低,辛辛苦苦优化下来的代码体积,就因为一个冗余的代码库一下子回到解放前,那可真要不得(虽然 F2已经够精简的了)再加上我刚好对于 canvas这...原创 2019-05-28 22:16:56 · 2352 阅读 · 0 评论