canvas - 前端资源网

写了一个“舔狗日记生成器”和“小米新风格LOGO生成器”小程序

1

Deshun 发布于 4年前 (2021-04-06) 1577℃ 评论(0) 赞 (3)

公司有一个项目，需要 canvas 合成图片，我就顺便把 canvas 捋了一遍，写了个小程序取名叫“舔狗日记生成器”，刚好这个名字没有被注册，哈哈。而后小米发布会，雷军说小米找了个日本设计师，用了3年时间，花了200万，把小米的logo从矩形变成了圆角矩形。我就在原来的基础上，...

Deshun 发布于 5年前 (2020-04-06) 1857℃ 评论(0) 赞 (0)

前两天放假在家没事，写了一个把彩色图片变成灰度（黑白）图片的小工具，“选择图片”确定会自动输出处理后的黑白图片。直达链接：图片一键变灰详细代码：<!doctype html> <html> <head> <meta name="viewport" content="w...

1

Deshun 发布于 6年前 (2019-06-25) 6822℃ 评论(0) 赞 (1)

利用 canvas 画一个圆环，然后再里面绘制文字，实现居中显示。首先写一个 canvas 容器：<canvas id="myCanvas" width="80" height="80"...

1

Deshun 发布于 6年前 (2019-06-20) 3370℃ 评论(0) 赞 (1)

项目需要写一个圆形进度条，就尝试使用 canvas 写了一个，具体如下：上图是项目图片仅供参考，本文只介绍圆环及动效的实现。HTML：<div class="time-graph"> &l...

1

Deshun 发布于 6年前 (2019-01-04) 14860℃ 评论(1) 赞 (12)

今天学习了调用电脑摄像头，利用canvas画布将视频当前帧转换成图片的实例，其中用到了 mediaDevices.getUserMedia 方法。该方法提示用户允许使用媒体输入，产生包含所请求类型的媒体轨道。包括视频轨道（由诸如照相机，视频记录设备，屏幕共享服务等的硬件...