elementui展示多张图片_fabric.js之旅图片

距离第一篇文章发出来已经几天了，非常感谢各位大佬的点赞和支持 有什么建议或者意见都可以告诉我。 接下就让我来阐述一下我是如何使用fabric.js来实现上期文章视频演示中已经实现的功能。我会将它分为几个部分分别来描述，包括在实现过程中遇到过哪些问题。那就不多废话了，直接进入本期的主题—图片。 PS:建议在开始之前，大家可以先去看一下fabric.js官方文档以及官方实现的Demo，非常具有代表性和参考价值。我已经将之前提到过的中文文档上传至码云，有需要的同学可以去项目自取。 在开始着手之前，我们需要先考虑要实现哪些功能，怎么实现这些功能？要做一个可以自定义的海报，需要有三个部分： 1.素材 1.1 图片 1.2 背景图片 1.3 文本 2.工作台(即展示海报的模块) 3.操作台(即控制/操作海报上素材的模板) 素材的准备就不做赘述了。这次主要讲述如何初始化工作台、向工作台添加图片素材、简单的操作素材。 项目技术栈：vue+elementui+fabric 一.初始化工作台 在初始化工作台之前，我们需要HTML里面写上canvas标签，并设置ID,定义好画布的宽高属性。在data里面定义一个canvas，让它来接收实例化后的fabric画布对象。定义好了之后，就可以在vue生命周期mounted里面