CocoRoboDesktop/kityminder-editor/bower_components/kity/demo/ps-pen/demo.start.js

/*
 * Photoshop钢笔工具
 */

define( function ( require, exports, module ) {

    // 资源引用
    var Paper = require( "graphic/paper" ),
        Color = require( "graphic/color" ),
        Rect = require( "graphic/rect" ),
        PatternBrush = require( "graphic/pattern" );

    // 程序变量
    var paper = null,
        //zoom倍数
        ZOOM = 100,
        controller = null,
        Controller = require( "../ps-pen/demo.controller" );

    function init () {

        paper = new Paper( document.getElementById( "kityContainer" ) );
        paper.setViewBox( 0, 0, 600 * ZOOM, 300 * ZOOM );

        initPaperBackground();

        controller = new Controller();
        controller.takeover( paper );

        initButtonEvent();

    }

    // 启动按钮的控制事件
    function initButtonEvent () {

        $( "#penBtn" ).on( "click", function () {

            controller.enableDraw();
            controller.disableModify();

        } );


        $( "#modifyBtn" ).on( "click", function () {

            controller.disableDraw();
            controller.enableModify();

        } );

    }

    // 初始化画布背景
    function initPaperBackground () {

        var brush = new PatternBrush(),
            rect = null,
            radius = 10*100,
            bgRect = new Rect( 600 * ZOOM, 300 * ZOOM );

        brush.setWidth( 2*radius ).setHeight( 2*radius );

        for ( var i = 0, len = 2; i < len; i++ ) {

            rect = new Rect( radius, radius, i*radius, i*radius );

            rect.fill( new Color( "lightgray" ).set( 'a', 0.2 ) );

            brush.addShape( rect );

        }

        bgRect.fill( brush );
        paper.addResource( brush );
        paper.addShape( bgRect );

    }

    window.jQuery( init );


} );