Sanity

集成 Sanity 和 Nuxt Image。

要使用此提供者，您只需要在 Sanity 中指定 projectId。

export default defineNuxtConfig({
  image: {
    sanity: {
      projectId: 'yourprojectid',
      // Defaults to 'production'
      // dataset: 'development'
    }
  }
})

修饰符

Sanity 提供者支持许多其他修饰符。有关完整列表，请查看 Sanity 文档。Sanity 文档中提到的所有修饰符都受支持，但以下几点需要注意。

额外方便的修饰符

以下更易读的修饰符也受支持

• background - 等同于 bg
• download - 等同于 dl
• sharpen - 等同于 sharp
• orientation - 等同于 or
• minHeight 或 min-height - 等同于 min-h
• maxHeight 或 max-height - 等同于 max-h
• minWidth 或 min-width - 等同于 min-w
• maxWidth 或 max-width - 等同于 max-w
• saturation - 等同于 sat

fit

除了 Sanity 文档中指定的被尊重的值外，以下来自 默认 fit 行为 的选项也受支持

• cover - 这将与 Sanity 修饰符 crop 行为一致
• contain - 这将与 Sanity 修饰符 fill 行为一致，并且默认使用白色背景填充。（您可以使用 background 修饰符指定自己的背景颜色。）
• inside - 这将与 Sanity 修饰符 min 行为一致
• outside - 这将与 Sanity 修饰符 max 行为一致
• fill - 这将与 Sanity 修饰符 scale 行为一致

format

您可以指定 Sanity 支持的任何格式。如果省略，Sanity 提供者将默认为 auto=format。

crop 和 hotspot

您可以将 Sanity 裁剪和热点图像数据作为修饰符传递，Nuxt Image 将会为您正确生成 rect、fp-x 和 fp-y 参数。