1.md

index.js

$(function() {
  var controller = {
    __name: 'PageController',
    artboardViewerController: h5.ui.components.artboard.controller.ArtboardViewerController,
    magnifierController: h5.ui.components.artboard.controller.MagnifierController,
    __meta: {
      artboardViewerController: {
        rootElement: '.loadView'
      },
      magnifierController: {
        rootElement: '.loadView'
      }
    },
    mag: null,
    __ready: function() {
      this._load(SAMPLE_SAVE_DATA);
    },
    _load: function(saveData) {
      this.artboardViewerController.load(
        saveData, 
        this.$find('.loadView').hasClass('fixSize')
      );
      this._createMagnifier();
    },
    _createMagnifier: function() {
      this.mag = this.magnifierController.createMagnifier(
        this.$find('.loadView'), {
          scale: 2,
          width: 200,
          height: 200,
          mouseover: true
        });
    }
  };
  $('.viewer').each(function() {
    h5.core.controller(this, controller);
  });
});