-
Notifications
You must be signed in to change notification settings - Fork 81
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Add set canvas element #534
Conversation
CHANGELOG.md
Outdated
@@ -7,6 +7,10 @@ | |||
- Do not calculate disabled markers to the color normalization. | |||
- More precise TS type for transform matrix in event handlers. | |||
|
|||
### Added | |||
|
|||
- The canvas cahange options to the htmlcanvas plugin. |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
typo: cahange -> change
@@ -20,6 +20,7 @@ export interface HtmlCanvasApi extends PluginApi { | |||
get element(): HTMLCanvasElement | |||
/** Returns the actual canvas context */ | |||
get context(): CanvasRenderingContext2D | |||
set element(element: HTMLCanvasElement) |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Please add comment (needed for generated reference documentation)
Also better place would be right after get element()
.
@@ -128,6 +140,11 @@ export class HtmlCanvas implements Plugin, HtmlCanvasAlternative { | |||
return this._mainCanvas | |||
} | |||
|
|||
set element(element: HTMLCanvasElement) { | |||
this.unregister() |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
We shouldn't call unregister here, since it also unregisters the window resize event listener, which we need further on.
@@ -44,6 +45,7 @@ export class HtmlCanvas implements Plugin, HtmlCanvasAlternative { | |||
return { | |||
element: this.element, | |||
context: this.context, | |||
setElement: this._setElement.bind(this), |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
It would be better to have getter setter for element here:
return {
get element() { ... }
set element() { ... }
}
Also calling _setElement() here is faulty, since it does not register the handlers to the canvas, just stores the element to the class.
window.addEventListener('resize', this._resizeHandler) | ||
} | ||
|
||
private _setElement(element: HTMLCanvasElement): void { |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
This method is not necessary, we should cann _setCanvas() for the API object.
No description provided.