{"ast":null,"code":"/**\r\n * @author NHN Ent. FE Development Team <dl_javascript@nhn.com>\r\n * @fileoverview Free drawing module, Set brush\r\n */\nimport fabric from 'fabric';\nimport Component from '../interface/component';\nimport { componentNames } from '../consts';\n/**\r\n * FreeDrawing\r\n * @class FreeDrawing\r\n * @param {Graphics} graphics - Graphics instance\r\n * @extends {Component}\r\n * @ignore\r\n */\n\nclass FreeDrawing extends Component {\n  constructor(graphics) {\n    super(componentNames.FREE_DRAWING, graphics);\n    /**\r\n     * Brush width\r\n     * @type {number}\r\n     */\n\n    this.width = 12;\n    /**\r\n     * fabric.Color instance for brush color\r\n     * @type {fabric.Color}\r\n     */\n\n    this.oColor = new fabric.Color('rgba(0, 0, 0, 0.5)');\n  }\n  /**\r\n   * Start free drawing mode\r\n   * @param {{width: ?number, color: ?string}} [setting] - Brush width & color\r\n   */\n\n\n  start(setting) {\n    const canvas = this.getCanvas();\n    canvas.isDrawingMode = true;\n    this.setBrush(setting);\n  }\n  /**\r\n   * Set brush\r\n   * @param {{width: ?number, color: ?string}} [setting] - Brush width & color\r\n   */\n\n\n  setBrush(setting) {\n    const brush = this.getCanvas().freeDrawingBrush;\n    setting = setting || {};\n    this.width = setting.width || this.width;\n\n    if (setting.color) {\n      this.oColor = new fabric.Color(setting.color);\n    }\n\n    brush.width = this.width;\n    brush.color = this.oColor.toRgba();\n  }\n  /**\r\n   * End free drawing mode\r\n   */\n\n\n  end() {\n    const canvas = this.getCanvas();\n    canvas.isDrawingMode = false;\n  }\n\n}\n\nexport default FreeDrawing;","map":{"version":3,"sources":["C:/Users/kkwan_000/Desktop/git/2017110269/minsung/src/js/component/freeDrawing.js"],"names":["fabric","Component","componentNames","FreeDrawing","constructor","graphics","FREE_DRAWING","width","oColor","Color","start","setting","canvas","getCanvas","isDrawingMode","setBrush","brush","freeDrawingBrush","color","toRgba","end"],"mappings":"AAAA;AACA;AACA;AACA;AACA,OAAOA,MAAP,MAAmB,QAAnB;AACA,OAAOC,SAAP,MAAsB,wBAAtB;AACA,SAASC,cAAT,QAA+B,WAA/B;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AACA,MAAMC,WAAN,SAA0BF,SAA1B,CAAoC;AAClCG,EAAAA,WAAW,CAACC,QAAD,EAAW;AACpB,UAAMH,cAAc,CAACI,YAArB,EAAmCD,QAAnC;AAEA;AACJ;AACA;AACA;;AACI,SAAKE,KAAL,GAAa,EAAb;AAEA;AACJ;AACA;AACA;;AACI,SAAKC,MAAL,GAAc,IAAIR,MAAM,CAACS,KAAX,CAAiB,oBAAjB,CAAd;AACD;AAED;AACF;AACA;AACA;;;AACEC,EAAAA,KAAK,CAACC,OAAD,EAAU;AACb,UAAMC,MAAM,GAAG,KAAKC,SAAL,EAAf;AAEAD,IAAAA,MAAM,CAACE,aAAP,GAAuB,IAAvB;AACA,SAAKC,QAAL,CAAcJ,OAAd;AACD;AAED;AACF;AACA;AACA;;;AACEI,EAAAA,QAAQ,CAACJ,OAAD,EAAU;AAChB,UAAMK,KAAK,GAAG,KAAKH,SAAL,GAAiBI,gBAA/B;AAEAN,IAAAA,OAAO,GAAGA,OAAO,IAAI,EAArB;AACA,SAAKJ,KAAL,GAAaI,OAAO,CAACJ,KAAR,IAAiB,KAAKA,KAAnC;;AACA,QAAII,OAAO,CAACO,KAAZ,EAAmB;AACjB,WAAKV,MAAL,GAAc,IAAIR,MAAM,CAACS,KAAX,CAAiBE,OAAO,CAACO,KAAzB,CAAd;AACD;;AACDF,IAAAA,KAAK,CAACT,KAAN,GAAc,KAAKA,KAAnB;AACAS,IAAAA,KAAK,CAACE,KAAN,GAAc,KAAKV,MAAL,CAAYW,MAAZ,EAAd;AACD;AAED;AACF;AACA;;;AACEC,EAAAA,GAAG,GAAG;AACJ,UAAMR,MAAM,GAAG,KAAKC,SAAL,EAAf;AAEAD,IAAAA,MAAM,CAACE,aAAP,GAAuB,KAAvB;AACD;;AAnDiC;;AAsDpC,eAAeX,WAAf","sourcesContent":["/**\r\n * @author NHN Ent. FE Development Team <dl_javascript@nhn.com>\r\n * @fileoverview Free drawing module, Set brush\r\n */\r\nimport fabric from 'fabric';\r\nimport Component from '../interface/component';\r\nimport { componentNames } from '../consts';\r\n\r\n/**\r\n * FreeDrawing\r\n * @class FreeDrawing\r\n * @param {Graphics} graphics - Graphics instance\r\n * @extends {Component}\r\n * @ignore\r\n */\r\nclass FreeDrawing extends Component {\r\n  constructor(graphics) {\r\n    super(componentNames.FREE_DRAWING, graphics);\r\n\r\n    /**\r\n     * Brush width\r\n     * @type {number}\r\n     */\r\n    this.width = 12;\r\n\r\n    /**\r\n     * fabric.Color instance for brush color\r\n     * @type {fabric.Color}\r\n     */\r\n    this.oColor = new fabric.Color('rgba(0, 0, 0, 0.5)');\r\n  }\r\n\r\n  /**\r\n   * Start free drawing mode\r\n   * @param {{width: ?number, color: ?string}} [setting] - Brush width & color\r\n   */\r\n  start(setting) {\r\n    const canvas = this.getCanvas();\r\n\r\n    canvas.isDrawingMode = true;\r\n    this.setBrush(setting);\r\n  }\r\n\r\n  /**\r\n   * Set brush\r\n   * @param {{width: ?number, color: ?string}} [setting] - Brush width & color\r\n   */\r\n  setBrush(setting) {\r\n    const brush = this.getCanvas().freeDrawingBrush;\r\n\r\n    setting = setting || {};\r\n    this.width = setting.width || this.width;\r\n    if (setting.color) {\r\n      this.oColor = new fabric.Color(setting.color);\r\n    }\r\n    brush.width = this.width;\r\n    brush.color = this.oColor.toRgba();\r\n  }\r\n\r\n  /**\r\n   * End free drawing mode\r\n   */\r\n  end() {\r\n    const canvas = this.getCanvas();\r\n\r\n    canvas.isDrawingMode = false;\r\n  }\r\n}\r\n\r\nexport default FreeDrawing;\r\n"]},"metadata":{},"sourceType":"module"}