v.0.0.11

Features

• 🎉 Support draw new steps.
• 🎉 Support draw progress.
• 👏 Draw rectangles support four round corners config.
• 👏 Drafting text supports first line indentation config.

Bug Fixes

• Drawing a rectangle to set the border color does not work.

BREAKING CHANGES

For better expansion, we refactored the config options and algorithms for the steps. Refer to ReadMe for details

v.0.0.10

Features

• 🎉 Support draw steps.
• 👏 Enhance the intelligent prompt of render type.

Bug Fixes

• Compile errors where the Options configuration item does not exist.

v.0.0.9

Features

• drawComplete callback extra params

BREAKING CHANGES

For better expansion, we adjusted the callback parameters for canvas drawing completion.

before:

import { Component, OnInit } from '@angular/core';
import { DrawProps } from 'ngx-canvas';

@Component({
  selector: 'app-root',
  template: `
    <ngx-canvas [options]="options" (drawComplete)="drawComplete($event)"></ngx-canvas>
  `,
})
export class AppComponent implements OnInit {
  options: DrawProps;

  ngOnInit(): void {
    this.options = {
      ...
    };
  }

  drawComplete(dataUrl: string): void {
    ...
  }
}

after:

import { Component, OnInit } from '@angular/core';
import { DrawProps } from 'ngx-canvas';

@Component({
  selector: 'app-root',
  template: `
    <ngx-canvas [options]="options" (drawComplete)="drawComplete($event)"></ngx-canvas>
  `,
})
export class AppComponent implements OnInit {
  options: DrawProps;

  ngOnInit(): void {
    this.options = {
      ...,
      extra: 'This is an additional optional any parameter that will be returned unchanged after the drawing is completed.'
    };
  }

  drawComplete(propagate: PropagateProps): void {
     const { dataUrl, canvas, ctx, extra } = propagate;
     ...
  }

}

v0.0.6

BugFixed

• options debug not working

v.0.0.7

Docs

• example app

v.0.0.5

Support drawing

• image
• text
• rectangle
• line