/* * 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 ); } );