Plot.image applies the common dx, dy options.

Author: Fil

src/marks/image.js

@@ -68,15 +68,16 @@ export class Image extends Mark {
     if (H) index = index.filter(i => positive(H[i]));
     const cx = (marginLeft + width - marginRight) / 2;
     const cy = (marginTop + height - marginBottom) / 2;
+    const {dx, dy} = this;
     return create("svg:g")
         .call(applyIndirectStyles, this)
         .call(applyTransform, x, y, offset, offset)
         .call(g => g.selectAll()
           .data(index)
           .join("image")
             .call(applyDirectStyles, this)
-            .attr("x", W && X ? i => X[i] - W[i] / 2 : W ? i => cx - W[i] / 2 : X ? i => X[i] - this.width / 2 : cx - this.width / 2)
-            .attr("y", H && Y ? i => Y[i] - H[i] / 2 : H ? i => cy - H[i] / 2 : Y ? i => Y[i] - this.height / 2 : cy - this.height / 2)
+            .attr("x", W && X ? i => X[i] - W[i] / 2 + dx : W ? i => cx - W[i] / 2 + dx : X ? i => X[i] - this.width / 2 + dx : cx - this.width / 2 + dx)
+            .attr("y", H && Y ? i => Y[i] - H[i] / 2 + dy : H ? i => cy - H[i] / 2 + dy : Y ? i => Y[i] - this.height / 2 + dy : cy - this.height / 2 + dy)
             .attr("width", W ? i => W[i] : this.width)
             .attr("height", H ? i => H[i] : this.height)
             .call(applyAttr, "href", S ? i => S[i] : this.src)