ImageMeshColor is a type of mesh color that represents an image mapped to the mesh by its uv vertex attributes. ImageMeshColor instances can be used with the MeshComponent.material.color property. Images can be referred to either by url or directly by data ( image element, canvas element or ImageData).

var meshColorByUrl = new ImageMeshColor({
  url: "./image.png"
});

var mesh = Mesh.createBox(location, {
  material: {
    color: meshColor
  }
});

var meshColorByCanvas = new ImageMeshColor({
  data: canvasElement
});

var meshWithCanvasMaterial = Mesh.createBox(location, {
  material: {
    color: meshColorByCanvas
  }
});

// Mesh colors support autocasting within a mesh material constructor
var meshWithAutocastMaterial = Mesh.createSphere(location, {
  material: {
    color: {
      type: "image",
      url: "./image.png"
    }
  }
});

// Mesh materials also support additional advanced autocasting types
// such as a Canvas element. In this case the canvas element will be
// available in the ImageMeshColor.element property.
var meshWithCanvasAutocastMaterial = Mesh.createSphere(location, {
  material: {
    color: canvasElement
  }
});

// Here meshWithCanvasAutocastMaterial.material.color is an ImageMeshColor
// instance with its data property set canvasElement