SimpleTaskSystem.Web/Assets/lib/ueditor1_4_3_2-utf8-net/utf8-net/dialogs/scrawl/scrawl.js

这里只显示每个文件的开头 60 行。登录后可以解锁完整代码。

微信扫码关注公众号，代码整理好后第一时间通知你。

/**
 * Created with JetBrains PhpStorm.
 * User: xuheng
 * Date: 12-5-22
 * Time: 上午11:38
 * To change this template use File | Settings | File Templates.
 */
var scrawl = function (options) {
    options && this.initOptions(options);
};
(function () {
    var canvas = $G("J_brushBoard"),
        context = canvas.getContext('2d'),
        drawStep = [], //undo redo存储
        drawStepIndex = 0; //undo redo指针

    scrawl.prototype = {
        isScrawl:false, //是否涂鸦
        brushWidth:-1, //画笔粗细
        brushColor:"", //画笔颜色

        initOptions:function (options) {
            var me = this;
            me.originalState(options);//初始页面状态
            me._buildToolbarColor(options.colorList);//动态生成颜色选择集合

            me._addBoardListener(options.saveNum);//添加画板处理
            me._addOPerateListener(options.saveNum);//添加undo redo clearBoard处理
            me._addColorBarListener();//添加颜色选择处理
            me._addBrushBarListener();//添加画笔大小处理
            me._addEraserBarListener();//添加橡皮大小处理
            me._addAddImgListener();//添加增添背景图片处理
            me._addRemoveImgListenter();//删除背景图片处理
            me._addScalePicListenter();//添加缩放处理
            me._addClearSelectionListenter();//添加清楚选中状态处理

            me._originalColorSelect(options.drawBrushColor);//初始化颜色选中
            me._originalBrushSelect(options.drawBrushSize);//初始化画笔选中
            me._clearSelection();//清楚选中状态
        },

        originalState:function (options) {
            var me = this;

            me.brushWidth = options.drawBrushSize;//同步画笔粗细
            me.brushColor = options.drawBrushColor;//同步画笔颜色

            context.lineWidth = me.brushWidth;//初始画笔大小
            context.strokeStyle = me.brushColor;//初始画笔颜色
            context.fillStyle = "transparent";//初始画布背景颜色
            context.lineCap = "round";//去除锯齿
            context.fill();
        },
        _buildToolbarColor:function (colorList) {
            var tmp = null, arr = [];
            arr.push("<table id='J_colorList'>");
            for (var i = 0, color; color = colorList[i++];) {
                if ((i - 1) % 5 == 0) {
                    if (i != 1) {
                        arr.push("</tr>");