// 实现类接口
class DrawingAPI {
  drawCircle(x, y, radius) {}
  drawSquare(x, y, side) {}
}

// 具体实现类 - SVG 绘制
class SVGDrawingAPI extends DrawingAPI {
  drawCircle(x, y, radius) {
    console.log(`Drawing a circle at (${x},${y}) with radius ${radius} using SVG`);
  }

  drawSquare(x, y, side) {
    console.log(`Drawing a square at (${x},${y}) with side ${side} using SVG`);
  }
}

// 具体实现类 - Canvas 绘制
class CanvasDrawingAPI extends DrawingAPI {
  drawCircle(x, y, radius) {
    console.log(`Drawing a circle at (${x},${y}) with radius ${radius} using Canvas`);
  }

  drawSquare(x, y, side) {
    console.log(`Drawing a square at (${x},${y}) with side ${side} using Canvas`);
  }
}

// 抽象类
class Shape {
  constructor(drawingAPI) {
    this.drawingAPI = drawingAPI;
  }

  draw() {}

  resize() {}
}

// 具体抽象类 - 圆
class Circle extends Shape {
  constructor(x, y, radius, drawingAPI) {
    super(drawingAPI);
    this.x = x;
    this.y = y;
    this.radius = radius;
  }

  draw() {
    this.drawingAPI.drawCircle(this.x, this.y, this.radius);
  }

  resize(radius) {
    this.radius = radius;
  }
}

// 具体抽象类 - 正方形
class Square extends Shape {
  constructor(x, y, side, drawingAPI) {
    super(drawingAPI);
    this.x = x;
    this.y = y;
    this.side = side;
  }

  draw() {
    this.drawingAPI.drawSquare(this.x, this.y, this.side);
  }

  resize(side) {
    this.side = side;
  }
}

// 客户端代码
const svgDrawingAPI = new SVGDrawingAPI();
const canvasDrawingAPI = new CanvasDrawingAPI();

const circle = new Circle(1, 2, 3, svgDrawingAPI);
const square = new Square(4, 5, 6, canvasDrawingAPI);

circle.draw();
square.draw();

circle.resize(4);
circle.draw();