33号星球

大家可以通过上传/拖拽图片的方式获取图片主题色。 Colorfulimg是一个能够通过canvas获取图片主题色的js工具库。 下面说一下实现思路，主要是通过canvas的getImageData()方法获取图片每个像素点的rgba数据。通过取得平均值的方法来算出图片主题色。 …

近来公司尝试 React 框架，要做一个小程序，最后选型为 Taro + Taro-ui ，鉴于本人第一次写 React ，踩了不少坑，今天就介绍一下 Taro 框架下的生产带小程序码的canvas海报的过程。 ,文档地址。 利用微信的社交能力通过小程序达到裂变的目的，拉取新用…

1. 什么是 Canvas？ Canvas 是由 HTML 代码配合高度和宽度属性而定义出的可绘制区域。JavaScript 代码可以访问该区域，类似于其他通用的二维 API，通过一套完整的绘图函数来

这周接到一个这样的坑爹需求，小程序需要实现一个图片分享的功能。让用户可以把图片发送到朋友圈或者其他渠道。 刚开始拿到这个需求，觉得还好，没有太大的感觉, 第一个感觉想把锅甩给后端，调用一个接口让后端传回来一个URL，前端只负责显示就好。^_^  当然这么天真的想法基本上不…

微信小游戏是一个不同于浏览器的 JavaScript 运行环境，没有 BOM 和 DOM API。然而pixi.js是用 JavaScript 结合其他 HTML5 技术来显示媒体，创建动画或管理交互式图像。是依赖浏览器提供的 BOM 和 DOM API 的。所以如果要在微信小…

首先回顾一下上期文章 从表情包来学canvas, 初步认识了canvas的基本用法，并且通过案例来实现了常见的2D图形类的写法。 本期进步深入canvas，认识canvas的绘图库，并且制作一款简易的lol走位小游戏(点击试玩)。如果你觉得碰撞单位有点丑，其实我是故意的，学会他…

PixiJS是一个轻量级的2D渲染引擎，它能自动侦测使用WebGL还是Canvas来创建图形。这个库经常被用来制作HTML5游戏以及有复杂交互的H5活动页。 页面上就出现了一个300*300的蓝色矩形，矩形是由pixi.js创建的canvas渲染的。 Application是p…

大家都说简历没项目写，我就帮大家找了一个项目，还附赠【搭建教程】。 JS中的 Date 很奇怪。当我们需要处理日期和时间的时候比较麻烦，经常借助像date-fns和 Moment 这样的库。 但是我们并不总是需要使用库。如果知道要注意一些总是，日期实际上可以非常简单。接下介绍有…

在 《掌握web开发基础系列--长度单位》 这篇文章中已经介绍过了css像素单位--px，这篇文章详细探讨一下设备物理像素和css像素之间的关系。 “像素”，是一个名词，在不同的上下文中所描述的东西可能不一样，但是也可能存在一定关系。 设备屏幕实际拥有的像素点，屏幕的基本单元，…