canvas
关注
分享
扫一扫
单眼皮丶儿
这个作者很懒，什么都没留下…
展开
-
前端利用canvas实现手写板
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>手写板</title></head><body> <div id="app"> .原创 2020-12-21 23:42:07 · 1448 阅读 · 0 评论 -
前端实现图片压缩（转base64）
本文介绍的图片压缩方法适用前端开发的同学，主要流程：图片转base64——canvas重绘——实现压缩。一、图片转为base64网上有现成的工具，我们把图片放进去，就会得到相应的base64编码，此编码的长度就是图片的大小，转换成KB要除以1024，如想预览base64图片，只需将img标签的src属性设置为该base64编码即可。注意：用var oldSize = base6...原创 2018-09-01 16:32:56 · 21087 阅读 · 13 评论 -
前段JS绘制动态海浪效果
细腻复杂动画的制作一般要通过canvas来动态绘制，需要具备一定的算法基础。以下js是模拟海浪效果的算法（可直接使用），分享给大家。<div id="wave" style="width: 200px;height: 100px;"></div><script> (function () { //自定义命名空间 var...原创 2019-10-25 15:57:41 · 1370 阅读 · 0 评论