/vueProductDiy

使用vue.js实现拖拽和缩放功能和使用html2canvas.js实现截图功能

Primary LanguageJavaScript

奶瓶diy

  项目地址演示

  1. 参考了慕课网的js鼠标拖拽效果教程使用vue.js实现拖拽
  2. 根据拖拽功能写的缩放功能
  3. 上传图片预览
  4. 对vue.js里面methods的方法中的参数e的使用中发现的一些问题,html页面中写@click='fun',methods中的fun(e)中的参数e才有数据。而html页面中写@click='fun()',methods中的fun(e)中的参数e没有数据。而html页面中写@click='fun($event)',methods中的fun(e)中的输出参数e又有数据。所以html中要用e参数是最好写成@click='fun($event)'或者@click='fun'
  5. jquery和html2canvas.js实现了截图下载图片。 项目图片1 项目图片2 项目图片3 项目图片4