RubyLouvre/anu

File canvas.js has 278 lines of code (exceeds 250 allowed). Consider refactoring.

Open

const CanvasContext = function(canvasId) {
    const canvasDom = document.getElementById(canvasId);
    if (!canvasDom || !canvasDom.getContext) {
        console.error('canvasId错误，或浏览器不支持canvas');
    } else {

Function drawImage has 9 arguments (exceeds 4 allowed). Consider refactoring.

Open

    imageResource,
    dx,
    dy,
    dWidth,
    dHeight,

Function arc has 6 arguments (exceeds 4 allowed). Consider refactoring.

Open

    x,
    y,
    r,
    sAngle,
    eAngle,

Function setTransform has 6 arguments (exceeds 4 allowed). Consider refactoring.

Open

    scaleX,
    skewX,
    skewY,
    scaleY,
    translateX,

Function bezierCurveTo has 6 arguments (exceeds 4 allowed). Consider refactoring.

Open

CanvasContext.prototype.bezierCurveTo = function(cp1x, cp1y, cp2x, cp2y, x, y) {

Function transform has 6 arguments (exceeds 4 allowed). Consider refactoring.

Open

    scaleX,
    skewX,
    skewY,
    scaleY,
    translateX,

Similar blocks of code found in 4 locations. Consider refactoring.

Open

CanvasContext.prototype.setTransform = function(
    scaleX,
    skewX,
    skewY,
    scaleY,

• Read up
  Read up

Similar blocks of code found in 4 locations. Consider refactoring.

Open

CanvasContext.prototype.arc = function(
    x,
    y,
    r,
    sAngle,

• Read up
  Read up

Similar blocks of code found in 4 locations. Consider refactoring.

Open

CanvasContext.prototype.bezierCurveTo = function(cp1x, cp1y, cp2x, cp2y, x, y) {
    this.missions.push(() => {
        this.ctx.bezierCurveTo(cp1x, cp1y, cp2x, cp2y, x, y);
    });
};

• Read up
  Read up

Similar blocks of code found in 4 locations. Consider refactoring.

Open

CanvasContext.prototype.transform = function(
    scaleX,
    skewX,
    skewY,
    scaleY,

• Read up
  Read up

Similar blocks of code found in 6 locations. Consider refactoring.

Open

CanvasContext.prototype.strokeRect = function(x, y, width, height) {
    this.missions.push(() => {
        this.ctx.strokeRect(x, y, width, height);
    });
};

• Read up
  Read up

Similar blocks of code found in 6 locations. Consider refactoring.

Open

CanvasContext.prototype.rect = function(x, y, width, height) {
    this.missions.push(() => {
        this.ctx.rect(x, y, width, height);
    });
};

• Read up
  Read up

Similar blocks of code found in 6 locations. Consider refactoring.

Open

CanvasContext.prototype.fillText = function(text, x, y, maxWidth) {
    this.missions.push(() => {
        this.ctx.fillText(text, x, y, maxWidth);
    });
};

• Read up
  Read up

Similar blocks of code found in 6 locations. Consider refactoring.

Open

CanvasContext.prototype.quadraticCurveTo = function(cpx, cpy, x, y) {
    this.missions.push(() => {
        this.ctx.quadraticCurveTo(cpx, cpy, x, y);
    });
};

• Read up
  Read up

Similar blocks of code found in 6 locations. Consider refactoring.

Open

CanvasContext.prototype.fillRect = function(x, y, width, height) {
    this.missions.push(() => {
        this.ctx.fillRect(x, y, width, height);
    });
};

• Read up
  Read up

Similar blocks of code found in 6 locations. Consider refactoring.

Open

CanvasContext.prototype.clearRect = function(x, y, width, height) {
    this.missions.push(() => {
        this.ctx.clearRect(x, y, width, height);
    });
};

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

CanvasContext.prototype.setFillStyle = function(color = 'black') {
    this.missions.push(() => {
        this.ctx.fillStyle = color;
    });
};

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

CanvasContext.prototype.setStrokeStyle = function(color = 'black') {
    this.missions.push(() => {
        this.ctx.strokeStyle = color;
    });
};

• Read up
  Read up

Similar blocks of code found in 5 locations. Consider refactoring.

Open

CanvasContext.prototype.moveTo = function(x, y) {
    this.missions.push(() => {
        this.ctx.moveTo(x, y);
    });
};

• Read up
  Read up

Similar blocks of code found in 5 locations. Consider refactoring.

Open

CanvasContext.prototype.lineTo = function(x, y) {
    this.missions.push(() => {
        this.ctx.lineTo(x, y);
    });
};

• Read up
  Read up

Similar blocks of code found in 5 locations. Consider refactoring.

Open

CanvasContext.prototype.translate = function(x, y) {
    this.missions.push(() => {
        this.ctx.translate(x, y);
    });
};

• Read up
  Read up

Similar blocks of code found in 5 locations. Consider refactoring.

Open

CanvasContext.prototype.scale = function(scaleWidth, scaleHeight) {
    this.missions.push(() => {
        this.ctx.scale(scaleWidth, scaleHeight);
    });
};

• Read up
  Read up

Similar blocks of code found in 5 locations. Consider refactoring.

Open

CanvasContext.prototype.setLineDash = function(segments, offset) {
    this.missions.push(() => {
        this.ctx.setLineDash(segments, offset);
    });
};

• Read up
  Read up

Similar blocks of code found in 8 locations. Consider refactoring.

Open

CanvasContext.prototype.setTextAlign = function(align) {
    this.missions.push(() => {
        this.ctx.textAlign = align;
    });
};

• Read up
  Read up

Similar blocks of code found in 8 locations. Consider refactoring.

Open

CanvasContext.prototype.setGlobalAlpha = function(alpha) {
    this.missions.push(() => {
        this.ctx.globalAlpha = alpha;
    });
};

• Read up
  Read up

Similar blocks of code found in 8 locations. Consider refactoring.

Open

CanvasContext.prototype.setTextBaseline = function(textBaseline) {
    this.missions.push(() => {
        this.ctx.textBaseline = textBaseline;
    });
};

• Read up
  Read up

Similar blocks of code found in 8 locations. Consider refactoring.

Open

CanvasContext.prototype.setLineCap = function(lineCap) {
    this.missions.push(() => {
        this.ctx.lineCap = lineCap;
    });
};

• Read up
  Read up

Similar blocks of code found in 8 locations. Consider refactoring.

Open

CanvasContext.prototype.setLineWidth = function(lineWidth) {
    this.missions.push(() => {
        this.ctx.lineWidth = lineWidth;
    });
};

• Read up
  Read up

Similar blocks of code found in 8 locations. Consider refactoring.

Open

CanvasContext.prototype.setMiterLimit = function(miterLimit) {
    this.missions.push(() => {
        this.ctx.miterLimit = miterLimit;
    });
};

• Read up
  Read up

Similar blocks of code found in 8 locations. Consider refactoring.

Open

CanvasContext.prototype.setLineJoin = function(lineJoin) {
    this.missions.push(() => {
        this.ctx.lineJoin = lineJoin;
    });
};

• Read up
  Read up

Similar blocks of code found in 8 locations. Consider refactoring.

Open

CanvasContext.prototype.setFontSize = function(fontSize) {
    this.missions.push(() => {
        this.ctx.font = fontSize;
    });
};

• Read up
  Read up

Similar blocks of code found in 7 locations. Consider refactoring.

Open

CanvasContext.prototype.restore = function() {
    this.missions.push(() => {
        this.ctx.restore();
    });
};

• Read up
  Read up

Similar blocks of code found in 7 locations. Consider refactoring.

Open

CanvasContext.prototype.fill = function() {
    this.missions.push(() => {
        this.ctx.fill();
    });
};

• Read up
  Read up

Similar blocks of code found in 7 locations. Consider refactoring.

Open

CanvasContext.prototype.save = function() {
    this.missions.push(() => {
        this.ctx.save();
    });
};

• Read up
  Read up

Similar blocks of code found in 7 locations. Consider refactoring.

Open

CanvasContext.prototype.closePath = function() {
    this.missions.push(() => {
        this.ctx.closePath();
    });
};

• Read up
  Read up

Similar blocks of code found in 7 locations. Consider refactoring.

Open

CanvasContext.prototype.clip = function() {
    this.missions.push(() => {
        this.ctx.clip();
    });
};

• Read up
  Read up

Similar blocks of code found in 7 locations. Consider refactoring.

Open

CanvasContext.prototype.stroke = function() {
    this.missions.push(() => {
        this.ctx.stroke();
    });
};

• Read up
  Read up

Similar blocks of code found in 7 locations. Consider refactoring.

Open

CanvasContext.prototype.beginPath = function() {
    this.missions.push(() => {
        this.ctx.beginPath();
    });
};

• Read up
  Read up