DEV Community
·
Umbraco：为GetCropUrl()添加自定义查询字符串
💡
原文英文，约300词，阅读约需1分钟。
📝
内容提要
为了在Umbraco中使用Imgix处理图像，作者自定义了IImageUrlGenerator，添加了默认的fit=crop参数。通过复制并修改ImageSharpImageUrlGenerator类，作者将fit参数加入查询字符串，并在Umbraco的composer中注册了自定义生成器，完成了设置。
🎯
关键要点
- 作者需要在Umbraco中使用Imgix处理图像。
- Umbraco v13的默认参数（如宽度和高度）工作良好，但裁剪模式不理想。
- 解决方案是自定义IImageUrlGenerator，添加默认的fit=crop参数。
- 通过复制并修改ImageSharpImageUrlGenerator类，作者将fit参数加入查询字符串。
- 在Umbraco的composer中注册自定义生成器，替换当前实现。
- 访问前端时，可以看到新的fit参数已成功添加。
❓
延伸问答
如何在Umbraco中使用Imgix处理图像？
通过自定义IImageUrlGenerator并添加fit=crop参数，可以在Umbraco中使用Imgix处理图像。
Umbraco v13的默认图像参数有哪些？
Umbraco v13的默认参数包括宽度和高度，这些参数工作良好，但裁剪模式不理想。
如何自定义Umbraco的图像URL生成器？
可以通过复制并修改ImageSharpImageUrlGenerator类，添加fit参数到查询字符串，来实现自定义图像URL生成器。
在Umbraco中如何注册自定义图像生成器？
在Umbraco的composer中注册自定义生成器，替换当前的IImageUrlGenerator实现。
添加fit=crop参数后，如何验证更改？
访问前端时，可以查看生成的图像URL，确认fit=crop参数已成功添加。
自定义IImageUrlGenerator的代码示例是什么？
自定义IImageUrlGenerator的代码示例包括添加fit参数到查询字符串的实现。
➡️
