View all fancy-canvas analysis

How to use the fancy-canvas/coordinate-space.bindToDevicePixelRatio function in fancy-canvas

To help you get started, we’ve selected a few fancy-canvas examples, based on popular ways it is used in public projects.

Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.

tradingview / lightweight-charts / src / gui / canvas-utils.ts View on Github

export function createBoundCanvas(parentElement: HTMLElement, size: Size): CanvasCoordinateSpaceBinding {
	const doc = ensureNotNull(parentElement.ownerDocument);
	const canvas = createCanvas(doc);
	parentElement.appendChild(canvas);

	const binding = bindToDevicePixelRatio(canvas);
	binding.resizeCanvas({
		width: size.w,
		height: size.h,
	});
	return binding;
}