我不确定这是否是 Umbraco 中的正确方法,但我确实设法让我的透明 JPeg 类型的东西正常工作。
我没有创建新的媒体类型,而是创建了一个新的文档类型。我还为文档类型制作了一个默认模板。
通过向文档类型添加两个媒体选择器属性,并在模板中将 Content-Type 设置为“image/svg+xml”,我可以从模板动态生成适当的 SVG 文件。
这是适用于我的新 DocType 的模板。
@inherits Umbraco.Web.Mvc.UmbracoTemplatePage
@{
Layout = null;
UmbracoContext.HttpContext.Response.ContentType = "image/svg+xml";
var colourLayer = Umbraco.Media(Umbraco.Field("colourLayer").ToString());
var maskLayer = Umbraco.Media(Umbraco.Field("maskLayer").ToString());
}<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN" "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
<svg version="1.0" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 @colourLayer.umbracoWidth @colourLayer.umbracoHeight" enable-background="new 0 0 @colourLayer.umbracoWidth @colourLayer.umbracoHeight" xml:space="preserve">
<image overflow="visible" width="@colourLayer.umbracoWidth" height="@colourLayer.umbracoHeight" mask="url(#imgmask)" xlink:href="@colourLayer.umbracoFile" />
<mask id="imgmask">
<image overflow="visible" width="@colourLayer.umbracoWidth" height="@colourLayer.umbracoHeight" xlink:href="@maskLayer.umbracoFile" />
</mask>
</svg>
如果这不是 Umbraco 的工作方式,请告诉我。我更喜欢使用系统而不是反对它。