You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
83 lines
1.7 KiB
83 lines
1.7 KiB
/*
|
|
* 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 );
|
|
|
|
|
|
} );
|