Canvas
5篇文章 · 0订阅
  • 如何简化 Canvas 图片绘制
    目前所有的 APP 或者 web 页面都可以直接分享到朋友圈，从朋友圈看到一条分享动态，很难区别这条动态是公众号文章，还是一支 H5 的链接。 相比之下，在朋友圈发一张图片，会更容易吸引朋友的注意，内容也可以更直接的曝光。同时微信可以识别图片中的二维码，又能起到回流作用。 而单…
    Canvas
  • 十分钟实现灭霸打响指灰飞烟灭的效果
    看过复仇者联盟的都知道，灭霸作为计划生育政策的坚定支持者和执行者，一个响指清除了宇宙中二分之一的生命。电影中被清除的生命灰飞烟灭的镜头很是酷炫，所以在复联4上映后，那个不存在的网站google，推出了一个彩蛋，如果在搜索框搜索灭霸，会出现一个手套的按钮，点击后会让网页搜索结果消…
    前端 Canvas
  • 玩转「Canvas」
    Canvas是 HTML5 新增的，一个可以使用脚本(通常为JavaScript)在其中绘制图像的 HTML 元素。它可以用来制作照片集或者制作简单(也不是那么简单)的动画，甚至可以进行实时视频处理和渲染。 Canvas是由HTML代码配合高度和宽度属性而定义出的可绘制区域。J…
    前端 SVG Canvas
  • 图片纯前端JS压缩的实现
    以上就是图片前端压缩并上传demo的完整演示。 要想使用JS实现图片的压缩效果，原理其实很简单，核心API就是使用canvas的drawImage()方法。 各参数具体含义可以参见“Canvas API中文文档-drawImage”，这里不展开。 把大图片画在一张小画布上，压缩…
    JavaScript 前端 Canvas
  • Vue + Canvas项目总结
    这是今年三月份帮学长做的一个项目，陪我度过了两个月的春招生活，整个项目做下来也是学到了很多东西，下面就开始我的分享啦，包括一些知识点总结和遇到的坑，dalao莫笑哈。 主要功能如上图，左边是图形工具栏，右边是canvas，上面是清除、删除、旋转、切换格子背景、保存并下载图片的操…
    Vue.js Canvas
    Vue + Canvas项目总结