首先，需要理解canvas的展示机制。 我绘制了一张375px的canvas，iphone6的宽度也是375px，ok，canvas铺满了整个屏幕。 如果遇到了屏幕宽度400px的手机，那么图片会 拉伸，canvas也会拉伸，拉伸则必然会模糊。 那么iphone6确实是375p…

前一段时间组员有个项目，需要做大转盘抽奖，找来找去，网上找了个小demo，底层是用canvas画的，本来我们想在前端实现按中奖比例的随机抽奖行为，测试已经实现了，但是后端开发同事自告奋勇说：不用，我们

一、准备工作 在项目中遇到了需要在图片上面打点的需求，想到了 canvas 和 svg ,后来找到了Fabric.js库，由于文档是英文的，只能硬啃文档加上在百度上各处搜教程，现在记录一下。 使用vu

scaleToWidth(value: number), scaleToHeight(value: number)：指定高度或者宽度等比缩放图片大小， 一般使用一个就可以了, 另外一边会自动按比例缩放。 使用场景: 字面意思， 替换图片功能， 也可以先删除图片再新增一个图片，但…

如果你想用 canvas 画图，那不妨试试 Fabric.js 。跟着本文一步一步操作，一定可以入门 Fabric.js

Fabric.js为Canvas提供所缺少的对象模型, svg parser, 交互和一整套其他不可或缺的工具。由于Fabric.js为国外框架，官方API杂乱繁多，相关文档大多为英文文档，而且数量不多，所以本文旨在帮助新手在项目中快速上手Fabric.js，享受绘制Canva…

图片储存在后台中，根据图片的地址，在vue页面中，查看图片，并根据坐标标注指定区域。 由于浏览器的机制，使用window.location.href下载图片时，并不会保存到本地，会在浏览器打开。 这里为了交互体验，使用了element-ui的弹窗方式。将canvas画布放到了弹…

最近做了一个移动端活动页的需求，大概就是diy一个页面。用户可以对物料进行拖动、缩放、旋转，来达到diy的目的。用DOM来实现是不现实的，我采用了canvas来实现和用户的交互。开发过程中，涉及到了canvas中对物料元素的拖动、缩放、旋转等。本文将详细介绍在不使用任何第三方库…

本篇文章从一个 Canvas 小白的角度来实现一个完整的裁剪工具，实现到最后发现其实并没有涉及到很多 Canvas 内容，更多的还是实现思路。