Method render

js/src/Image.ts:22–66

()

export class Image extends Mark {
  render() {
    const base_render_promise = super.render();
    const el = this.d3el || this.el;
    this.im = (
      el.append('image') as d3.Selection<SVGImageElement, any, any, any>
    )
      .attr('x', 0)
      .attr('y', 0)
      .attr('width', 1)
      .attr('height', 1)
      .attr('preserveAspectRatio', 'none')
      .classed('image_pixelated', this.model.get('pixelated'));
    this.update_image();

    this.event_metadata = {
      mouse_over: {
        msg_name: 'hover',
        lookup_data: false,
        hit_test: true,
      },
      legend_clicked: {
        msg_name: 'legend_click',
        hit_test: true,
      },
      element_clicked: {
        msg_name: 'element_click',
        lookup_data: false,
        hit_test: false,
      },
      parent_clicked: {
        msg_name: 'background_click',
        hit_test: false,
      },
    };

    const that = this;
    return base_render_promise.then(() => {
      that.event_listeners = {};
      that.reset_click();
      that.create_listeners();
      that.listenTo(that.parent, 'margin_updated', () => {
        that.draw(false);
      });
    });
  }

  set_positional_scales() {
    const x_scale = this.scales.x,