canvas

图形框架clunch如何实现跨端开发(uniapp+微信小程序)
图形框架clunch如何实现跨端开发(uniapp+微信小程序)

我们提供的是一个uni-app组件,引入以后需要进行注册:

2021-07-28 13:24:03阅读全文

图形框架clunch常见问题
图形框架clunch常见问题

这部分主要是对一些使用者可能感觉奇怪的现象进行解释并说明如此设计的原因,同时包括对一些可能触发的bug的说明。

2021-07-29 15:24:41阅读全文

微信小程序Canvas绘制证件照底色,小程序Canvas绘图
微信小程序Canvas绘制证件照底色,小程序Canvas绘图

小程序提供了Canvas绘图的API,我们很轻松就可以使用Canvas绘制一张图片并保存下来。本次案例使用绘制证件照的方式演示Canvas的示例。

2021-09-25 22:40:48阅读全文

getUserMedia 获取相机信息
getUserMedia 获取相机信息

js获取相机信息,并输出到video,同时绘制到canvas上,功能实现如下:

2021-12-14 00:31:16阅读全文

JavaScript WebGL 基础疑惑点
JavaScript WebGL 基础疑惑点

尝试 JavaScript WebGL 绘制一条直线 之后总算是熟悉了一点,但还是有些疑惑,在此集中记录一下。

2021-12-13 15:22:42阅读全文

[微信小程序]小程序 拼图海报制作功能 思路与问题解决
[微信小程序]小程序 拼图海报制作功能 思路与问题解决

使用小程序生成分享海报图,是很常见的功能了,很多的小程序都有类似的功能。尤其是阅读类、学习类的,总能看到朋友圈有人分享 “我今天背会了**单词,快来一起学习吧”这种。但是这种海报,都是自动排版生成的,用户是无法手动参与的。

2021-12-13 17:30:42阅读全文

JavaScript WebGL 图片透明处理
JavaScript WebGL 图片透明处理

JavaScript WebGL 使用图片疑惑点中提到两张图片叠加,默认情况下,即使有透明的区域也不会透过看到。现在就来看这个透明的处理。

2022-01-27 23:58:59阅读全文

风场可视化:绘制轨迹
风场可视化:绘制轨迹

了解绘制粒子之后,接着去看如何绘制粒子轨迹。

2022-03-14 22:28:30阅读全文

从一个 bug 中学习 canvas 最大内存限制和浏览器渲染原理
从一个 bug 中学习 canvas 最大内存限制和浏览器渲染原理

前几天一个同事让我帮忙解决一个 bug,这个 bug 困扰他好几天了。这是一个 App 中的 Hybrid 页面,它瀑布流中的图片总是划着划着有几张图片是白图(加载不出来),越往下划出现的概率越大,而且这个问题只有 iOS 上才出现,Android 是正常的。

2022-07-13 13:14:47阅读全文

基于canvas实现的多功能画板
基于canvas实现的多功能画板

最近空闲时间比较多,就想做点小工具玩玩,方案选了好几个,最终决定做一个基于canvas的画板,目前已经完成了第一版,有以下主要功能

2022-09-28 18:11:10阅读全文

h5中使用javascript在客户端对图片进行压缩和尺寸处理,附ts代码
h5中使用javascript在客户端对图片进行压缩和尺寸处理,附ts代码

有时候我们有这样的需求,就是对前端选中的图片进行压缩处理。这样处理的原因可能是。

2022-10-09 02:17:32阅读全文

使用 Canvas API 模拟一个彩色时钟
使用 Canvas API 模拟一个彩色时钟

<canvas> 最早由 Apple 引入 WebKit,用于 Mac OS X 的 Dashboard,随后被各个浏览器实现。如今,所有主流的浏览器都支持它。Canvas API 提供了一个通过JavaScript 和 HTML的 <canvas> 元素来绘制图形的方式。它

2022-10-26 10:26:12阅读全文

uniapp canvas绘图
uniapp canvas绘图

需求,uniapp微信小程序将页面某一部分保存为图片可以分享,下载。实现这一功能需要使用canvas绘图,背景图为网络图片,中间有个原型的二维码,图片格式为base64,还有一些其他的文字。最重要的是:无论是网络图片还是base64格式的,拿到一个临时地址!!!base64方法参考此文章注:base

2023-03-08 18:14:27阅读全文