quantmind/d3-canvas-transition

transition on canvas with d3

d3-canvas-transition's Issues

Webpack bundling

Is there a way to bundle this plugin with d3 using Webpack?

I found a way to import some of the functions through:

import * as d3base from 'd3';
import { getSize, resolution, selectCanvas } from 'd3-canvas-transition';

const d3 = Object.assign(d3base, { getSize, resolution, selectCanvas });

But some can't be imported, because they applied to selection.prototype directly.

And I keep getting an error in the console ....attr(...).canvasResolution is not a function

clip-path not working

I have code like this:
let plot = visibleArea
.append("g")
.attr("clip-path", "url(#clip)");
visibleArea
.append("g")
.append("clipPath")
.attr("id", "clip")
.append("rect")
.attr("x", margin)
.attr("y", margin)
.attr("width", width - margin - 2axisWidth + 5)
.attr("height", height - margin - 2axisWidth + 5);

I've found that it doesn't work when I use d3-canvas-transition and rendering to canvas.

Can it be fixed? Or maybe there is some workaround for this problem?

transition bug

There is a bug in the transition handling.
The Sobol block does not work on canvas when transition is switched on.

Wrong use Path2D fill

In src/tag/path.js
line 15 - if (fill) ctx.fill(); - this is wrong. For filling Path2D in method fill need pass current instance Path2D

Allow to select by id

Currently, selection only works with tag name and class. It does not work for ids.

jsdom 10+ version does not work with canvas

This is a test issue, we should not upgrade jsdom until canvas is compatible

zoom transfrom is not correct

After zooming, the position is offset rather than zoomed in or out according to the mouse position.
Finally using svg...