打开用 C# 创建的 OpenXML Word 文档时未应用图像大小

Question

我正在一个 C# Web 应用程序中创建一个 OpenXML Word 文档，并向它写入一个 Google 图表图像。我似乎正确地指定了图像的尺寸。但是，当我打开 Word 文档时，图像是正确的高度，而不是正确的宽度。事实上，它几乎是一个正方形。

当我在 Word 中单击图像并转到大小和位置时，会显示正确的尺寸。在这种情况下，它是 2.08" x 5.04"。当我什么都不做更改后单击“确定”时，图像会拉伸到正确的大小。

如果我尝试确定它最初显示的尺寸，它相当接近定义宽度的一半，但这可能是巧合。

图像的原始尺寸实际上是 3.13" (h) x 7.55" (w)，但这似乎并不重要。

我非常关注以下帖子：

• How to: Insert a picture into a word processing document (Open XML SDK)
• Inserting Image into DocX using OpenXML and setting the size

我猜我只是缺少某种设置，但我不知道是哪一个。段落或运行是否需要调整到页面的整个宽度？是否需要指定文档本身的宽度？

    public void AddImage(string imageName, byte[] imageData)
    {
        var img = System.Drawing.Image.FromStream(new MemoryStream(imageData));

        MainDocumentPart mainPart = doc.MainDocumentPart;

        ImagePart imagePart = mainPart.AddImagePart(ImagePartType.Png);
        MemoryStream imageStream = new MemoryStream(imageData);
        imagePart.FeedData(imageStream);

        AddImageToBody(mainPart.GetIdOfPart(imagePart), img);
    }

    private void AddImageToBody(string relationshipId, System.Drawing.Image img)
    {
        var widthPx = img.Width;
        var heightPx = img.Height;
        var horzRezDpi = img.HorizontalResolution;
        var vertRezDpi = img.VerticalResolution;
        const int emusPerInch = 914400;
        var widthEmus = (long)(widthPx / horzRezDpi * emusPerInch);
        var heightEmus = (long)(heightPx / vertRezDpi * emusPerInch);
        var maxWidthEmus = (long)(6.5 * emusPerInch);
        if (widthEmus > maxWidthEmus)
        {
            var ratio = (heightEmus * 1.0m) / widthEmus;
            widthEmus = maxWidthEmus;
            heightEmus = (long)(widthEmus * ratio);
        }

        // Define the reference of the image.
        var element =
             new Drawing(
                 new DW.Inline(
                     new DW.Extent() { Cx = widthEmus, Cy = heightEmus }, // Cx = 990000L, Cy = 792000L },                        

                     new DW.EffectExtent()
                     {
                         LeftEdge = 0L,
                         TopEdge = 0L,
                         RightEdge = 0L,
                         BottomEdge = 0L
                     },
                     new DW.DocProperties()
                     {
                         Id = (UInt32Value)1U,
                         Name = "Picture 1"
                     },
                     new DW.NonVisualGraphicFrameDrawingProperties(
                         new A.GraphicFrameLocks() { NoChangeAspect = true }),
                     new A.Graphic(
                         new A.GraphicData(
                             new PIC.Picture(
                                 new PIC.NonVisualPictureProperties(
                                     new PIC.NonVisualDrawingProperties()
                                     {
                                         Id = (UInt32Value)0U,
                                         Name = "New Bitmap Image.jpg"
                                     },
                                     new PIC.NonVisualPictureDrawingProperties()),
                                 new PIC.BlipFill(
                                     new A.Blip(
                                         new A.BlipExtensionList(
                                             new A.BlipExtension()
                                             {
                                                 Uri =
                                                   "{28A0092B-C50C-407E-A947-70E740481C1C}"
                                             })
                                     )
                                     {
                                         Embed = relationshipId,
                                         CompressionState =
                                         A.BlipCompressionValues.Print
                                     },
                                     new A.Stretch(
                                         new A.FillRectangle())),
                                 new PIC.ShapeProperties(
                                     new A.Transform2D(
                                         new A.Offset() { X = 0L, Y = 0L },
                                         new A.Extents() { Cx = 990000L, Cy = 792000L }),
                                     new A.PresetGeometry(
                                         new A.AdjustValueList()
                                     ) { Preset = A.ShapeTypeValues.Rectangle }))
                         ) { Uri = "http://schemas.openxmlformats.org/drawingml/2006/picture" })
                 )
                 {
                     DistanceFromTop = (UInt32Value)0U,
                     DistanceFromBottom = (UInt32Value)0U,
                     DistanceFromLeft = (UInt32Value)0U,
                     DistanceFromRight = (UInt32Value)0U,
                     EditId = "50D07946"
                 });

        // Append the reference to body, the element should be in a Run.
        var p = new Paragraph();

        doc.MainDocumentPart.Document.Body.AppendChild(new Paragraph(new Run(element)));
    }

Answer 1

这是一个相当古老的问题，但我认为无论如何都值得回答，因为这似乎出现了很多。

我也使用了上面的示例，效果很好，只是 cx 和 cy 是硬编码的并且会扭曲图像。

我创建了一个类来处理我的图像，然后我用它为元素添加细节，然后我可以使用它来追加到文档或追加到段落等。

编辑：我在 ImageDetails 中添加了一个 ID 字段，因为当我向文档中添加多个图像时，我需要更新 ID。通过创建集合和 CounterState 类，我能够跟踪 Id 并确保它是唯一的。如果有人想查看此实现，请在 cmets 中告诉我，我会将其包含在此答案中。

所以...该课程对我的解决方案中的要求有点特定，但请选择你需要的。

public class ImageDetails
{
    // required to set the image id which needs to be unique in the document
    // which is important if you're adding several images
    public UInt32 Id { get; set; } 

    public ImageDetails(string fileName)
    {
        this.ImageFile = fileName;
    }

    #region Properties
    private decimal _widthInCm;

    /// <summary>
    /// 
    /// </summary>
    /// <summary>
    /// Sets the width in cm (note this is a user set to calculate cx. Leave blank for the class to calculate the cx based on pixels)
    /// </summary>
    public decimal WidthInCm
    {
        set { _widthInCm = value; }
    }

    private decimal _heightInCm;
    /// <summary>
    /// Sets the height in cm (note this is a user set to calculate cy. Leave blank for the class to calculate the cy based on pixels)
    /// </summary>
    public decimal HeightInCm
    {
        set { _heightInCm = value; }
    }


    const int emusPerInch = 914400;
    const int emusPerCm = 360000;

    /// <summary>
    /// Returns the width in EMUS (English Metric Units)
    /// </summary>
    public long cx
    {
        get
        {
            if (_widthInCm > 0)
                return (long)Math.Round(_widthInCm * emusPerCm);
            else if (_image.Width > 0)
                return (long)Math.Round((_image.Width / _image.HorizontalResolution) * emusPerInch);
            else
            {
                throw new InvalidDataException("WidthInCm/WidthInPx has not been set");
            }
        }
    }

    /// <summary>
    /// Returns the height in EMUS (English Metric Units)
    /// </summary>
    public long cy
    {
        get
        {
            if (_heightInCm > 0)
                return (long)decimal.Round(_heightInCm * emusPerCm);
            else if (_image.Height > 0)
                return (long)Math.Round((_image.Height / _image.VerticalResolution) * emusPerInch);
            else
            {
                throw new InvalidDataException("HeightInCm/HeightInPx has not been set");
            }
        }
    }

    public int WidthInPx
    {
        get { return _image.Width; }
    }


    public int HeightInPx
    {
        get { return _image.Height; }
    }



    private string _imageFileName;
    private Image _image;

    /// <summary>
    /// Sets the Image file name and loads the Image object for later use
    /// </summary>
    public string ImageFile
    {
        get { return _imageFileName; }
        set
        {
            _imageFileName = value;
            // Limiting the time the image file is open in case others require it
            using (var fs = new FileStream(value, FileMode.Open, FileAccess.Read, FileShare.Read))
            {
                _image = Image.FromStream(fs);
            }

        }
    }

    /// <summary>
    /// Allows direct read/write access to the internal Image Object
    /// </summary>
    public Image ImageObject
    {
        get { return _image; }
        set { _image = value; }
    }

    #endregion


    /// <summary>
    /// This method resizes the image and replaces the internal Drawing.Image object with the new size
    /// </summary>
    /// <param name="targetWidth">New target width in px. The aspect ratio is maintained</param>
    public  void ResizeImage(int targetWidth)
    {
        if (_image == null)
            throw new InvalidOperationException("The Image has not been referenced. Add an image first using .ImageFile or .ImageObject");

        double percent = (double)_image.Width / targetWidth;
        int destWidth = (int)(_image.Width / percent);
        int destHeight = (int)(_image.Height / percent);

        Bitmap b = new Bitmap(destWidth, destHeight);
        Graphics g = Graphics.FromImage((Image)b);
        try
        {
            g.InterpolationMode = InterpolationMode.HighQualityBicubic;
            g.SmoothingMode = SmoothingMode.HighQuality;
            g.PixelOffsetMode = PixelOffsetMode.HighQuality;
            g.CompositingQuality = CompositingQuality.HighQuality;

            g.DrawImage(_image, 0, 0, destWidth, destHeight);
        }
        finally
        {
            g.Dispose();
        }

        _image = (Image)b;
    }
}

如果您需要预先调整图像大小，只需调用：

ImageDetails image = new ImageDetails("image.png");
image.Resize(45); // set new image to a width of 45px. Height is automatically adjusted

然后我在图像方法中使用了这个：

     private Drawing CreateImageElement(WordprocessingDocument wordDoc, string relationshipId, ImageDetails image)
    {
        // Define the reference of the image.
        return
             new Drawing(
                 new DW.Inline(
                     new DW.Extent() { Cx = image.cx, Cy = image.cy},
                     new DW.EffectExtent()
                     {
                         LeftEdge = 0L,
                         TopEdge = 0L,
                         RightEdge = 0L,
                         BottomEdge = 0L
                     },
                     new DW.DocProperties()
                     {
                         Id = image.Id,
                         Name = FileManipulation.GetFileName(image.ImageFile) 
                     },
                     new DW.NonVisualGraphicFrameDrawingProperties(
                         new A.GraphicFrameLocks() { NoChangeAspect = true }),
                     new A.Graphic(
                         new A.GraphicData(
                             new PIC.Picture(
                                 new PIC.NonVisualPictureProperties(
                                     new PIC.NonVisualDrawingProperties()
                                     {
                                         Id = image.Id,
                                         Name = Path.GetFileName(image.ImageFile)
                                     },
                                     new PIC.NonVisualPictureDrawingProperties()),
                                 new PIC.BlipFill(
                                     new A.Blip(
                                         new A.BlipExtensionList(
                                             new A.BlipExtension()
                                             {
                                                 Uri =
                                                    "{28A0092B-C50C-407E-A947-70E740481C1C}"
                                             })
                                     )
                                     {
                                         Embed = relationshipId,
                                         CompressionState =
                                         A.BlipCompressionValues.Print
                                     },
                                     new A.Stretch(
                                         new A.FillRectangle())),
                                 new PIC.ShapeProperties(
                                     new A.Transform2D(
                                         new A.Offset() { X = 0L, Y = 0L },
                                         new A.Extents() { Cx = image.cx, Cy = image.cy}),
                                     new A.PresetGeometry(
                                         new A.AdjustValueList()
                                     )
                                     { Preset = A.ShapeTypeValues.Rectangle }))
                         )
                         { Uri = "http://schemas.openxmlformats.org/drawingml/2006/picture" })
                 )
                 {
                     DistanceFromTop = (UInt32Value)0U,
                     DistanceFromBottom = (UInt32Value)0U,
                     DistanceFromLeft = (UInt32Value)0U,
                     DistanceFromRight = (UInt32Value)0U,
                     EditId = "50D07946"
                 });


    }

希望这对某人有所帮助。

Answer 2

根据您的代码，您必须为 Extent 属性设置 Cx 和 Cy 值。

new DW.Extent() { Cx = widthEmus, Cy = heightEmus }

Inline 第一个，Transform2D 第二个。

Answer 3

哎呀。有两个地方设置大小。我错过了第二个。