rotateScaleAndFlip

功能描述

  1. 旋转、翻转、缩放、删除容器
  2. 容器内可包含文本,图片等等DOM元素

依赖的模块

  1. 无依赖模块,纯原生JS

快速使用

  1. 以下参数idresultTodata为必传,其他选传(下方传递参数为默认值)
  2. //容器需设定宽高,内部div为必须的DOM元素,其内部可自定义内容
  3. <div style="height: 200px;width: 200px" id="MSAF">
  4. <div style="background-image: url(./image/demo.jpg);background-size: cover">
  5. </div>
  6. </div>
  7. var demo = new MSAF({
  8. id: 'MSAF',//容器id
  9. deleteItemCallback: function () {
  10. //删除实例时执行此方法,并返回实例DOM等
  11. console.log(this.dom);
  12. },
  13. flipItemCallback: function () {
  14. //删除实例时执行此方法,并返回实例状态等
  15. console.log(this.transformJSON)
  16. },
  17. resizeItemCallback: function () {
  18. //删除实例时执行此方法,并返回实例状态等
  19. console.log(this.transformJSON)
  20. },
  21. })

特别说明

  1. 如有疑问请邮件Nelson_Lee@outlook.com