dotnet OpenXML 图片特效的 Color Change Effect 特效修改图片颜色

林德熙

发布于 2021-04-07 10:19:41

1.4K0

发布于 2021-04-07 10:19:41

在 Office 中，如 PPT 和 Word 可以不对原图修改的前提下，通过叠加特效的方式，提供对图片的视觉输出进行修改的方法，本文将介绍 ECMA 376 里面的第 20.1.8.16 章的 ClrChange (Color Change Effect) 的用法和功能。日常这个特效用来去背景

如下图是一张图片，这张图片有背景色，这张图片是我瞎找的，如果有版权问题还请告诉我

默认放入到 PPT 里面的效果如下

而如果按照 ECMA-376 的 ClrChange (Color Change Effect) 功能，给图片加上了 ClrChange 特效，如以下代码，可以看到背景被去掉

          <a:blip r:embed="rId2">
            <a:clrChange>
              <a:clrFrom>
                <a:srgbClr val="F6F6F6" />
              </a:clrFrom>
              <a:clrTo>
                <a:srgbClr val="000000">
                  <a:alpha val="0" />
                </a:srgbClr>
              </a:clrTo>
            </a:clrChange>
          </a:blip>

而 ColorChangeEffect 特效的定义如下，其实咱上面的代码没有写全，有一个叫 useA 的属性被忽略。这个属性的含义就是是否应该使用 Alpha 透明通道，好在默认值是 true 也就是应该采用透明通道

<xsd:complexType name="CT_ColorChangeEffect">
 <xsd:sequence>
   <xsd:element name="clrFrom" type="CT_Color" minOccurs="1" maxOccurs="1"/>
   <xsd:element name="clrTo" type="CT_Color" minOccurs="1" maxOccurs="1"/>
 </xsd:sequence>
 <xsd:attribute name="useA" type="xsd:boolean" use="optional" default="true"/>
</xsd:complexType>

如果咱加上了 useA 属性，如以下代码，那么 Alpha 如下面代码将会被忽略

          <a:blip r:embed="rId2">
            <a:clrChange useA="0">
              <a:clrFrom>
                <a:srgbClr val="F6F6F6" />
              </a:clrFrom>
              <a:clrTo>
                <a:srgbClr val="000000">
                  <a:alpha val="0" />
                </a:srgbClr>
              </a:clrTo>
            </a:clrChange>
          </a:blip>

此时就不是去背景的效果

如果有多个颜色需要修改呢？此时可以叠加很多 Color Change 特效

          <a:blip r:embed="rId2">
            <a:clrChange>
              <a:clrFrom>
                <a:srgbClr val="F6F6F6" />
              </a:clrFrom>
              <a:clrTo>
                <a:srgbClr val="F6F6F6">
                  <a:alpha val="0" />
                </a:srgbClr>
              </a:clrTo>
            </a:clrChange>
            <a:clrChange>
              <a:clrFrom>
                <a:srgbClr val="2E2623" />
              </a:clrFrom>
              <a:clrTo>
                <a:srgbClr val="000000">
                  <a:alpha val="0" />
                </a:srgbClr>
              </a:clrTo>
            </a:clrChange>
            <a:clrChange>
              <a:clrFrom>
                <a:srgbClr val="3E3524" />
              </a:clrFrom>
              <a:clrTo>
                <a:srgbClr val="000000">
                  <a:alpha val="0" />
                </a:srgbClr>
              </a:clrTo>
            </a:clrChange>
          </a:blip>

可以看到效果如下

以上去背景仅仅只是通过设置 Alpha 为 0 实现，其实本质的功能是替换颜色，如下面代码

          <a:blip r:embed="rId2">
            <a:clrChange>
              <a:clrFrom>
                <a:srgbClr val="F6F6F6" />
              </a:clrFrom>
              <a:clrTo>
                <a:srgbClr val="565656">
                </a:srgbClr>
              </a:clrTo>
            </a:clrChange>
            <a:clrChange>
              <a:clrFrom>
                <a:srgbClr val="2E2623" />
              </a:clrFrom>
              <a:clrTo>
                <a:srgbClr val="F606F6">
                </a:srgbClr>
              </a:clrTo>
            </a:clrChange>
            <a:clrChange>
              <a:clrFrom>
                <a:srgbClr val="3E3524" />
              </a:clrFrom>
              <a:clrTo>
                <a:srgbClr val="F606F6">
                </a:srgbClr>
              </a:clrTo>
            </a:clrChange>
          </a:blip>

可以看到如下图效果