2

我对 ImageMagick 和 java 比较陌生,并且正在开发一个项目,以在 Windows 上使用 ImageMagick 6.3.9 Q16 和 jmagick 6.3.9 Q16 在以 0 度为中心的圆的外部显示文本。我们正在从 PHP MagickWand 移植现有的图像魔法代码,但我认为由于以下差异,圆弧上每个字母的位置在 java 版本中有点偏离。

在 MagickWand 中,它通过这一行代码放置在弧上,该代码使用浮点 x、y 坐标值和浮点角度值(以获得更高的精度)来注释绘图棒(相当于 jmagick 中的 DrawInfo)并且工作得很好:

MagickAnnotateImage($magick_wand, $drawing_wand, $origin_x + $x, $origin_y - $y, $angle, $character);

但是在 jmagick 中,annotateImage 方法只接受一个参数,即 DrawInfo,所以我最终得到了我认为唯一的另一种选择,compositeImage 方法。因此,为了做到这一点,我将每个字符绘制为单独的绘图信息,然后将其注释到透明的 png 图像,然后通过 rotateImage 方法旋转该图像,然后使用compositeImage 将其放置在我的画布图像上,但compositeImage 只处理x & y 作为 int 值(并且不考虑角度),所以我正在舍入我的 x & y double 值(以获得相同的小数位数或更多,就像 php 版本用来排除这种情况一样)怀疑是它让角色有点偏离圆圈的主要原因。

我执行工作的代码如下,其中 Article 是字体文件的本地路径(例如:E:\WCDE_ENT70\workspace\Stores\WebContent\AdminArea\CoordsCenterSection\fonts\ARIALN.TTF),nameNumStr 是要渲染的字符串圆(例如:SAMUELSON),fsize 是字体的点大小(例如:32),colorStr 是字体颜色名称(例如:黑色),radVal 是半径(例如:120),poix 是 x 原点起始坐标(例如: 150), poiy 是 y 原点起始坐标 (例如: 150):

public byte[] getArcedImage(String Article, String nameNumStr, int fsize, String colorStr, int radVal, int poix, int poiy)
{
     try {
            Font f = null;
            try {
                f = Font.createFont(Font.TRUETYPE_FONT, new FileInputStream(Article.replaceAll("%20"," ")));
            } catch (FileNotFoundException e) {
                e.printStackTrace();
            } catch (FontFormatException e) {
                e.printStackTrace();
            } catch (IOException e) {
                e.printStackTrace();
            }

            String fontName = f.getName();
            // Use awt's font metrics since jmagick doesn't have font metrics built in like php magickwand does
            FontMetrics fm = createFontMetrics(new Font(fontName, Font.PLAIN, fsize));
            int strImgW = fm.stringWidth(nameNumStr);
            int strImgH = fm.getHeight();

            String spacerImg = "E:\\WCDE_ENT70\\workspace\\Stores\\WebContent\\AdminArea\\CoordsCenterSection\\images\\600x600.png";

            //Read in large 600 png first as our main canvas
            ImageInfo bi = new ImageInfo(spacerImg);
            MagickImage bmi = new MagickImage(bi);

            // Make canvas image transparent
            bmi.setMatte(true);
            bmi.setBackgroundColor(PixelPacket.queryColorDatabase("#FFFF8800"));

            //defaults or param vals
            final int radius = radVal;
            final int origin_x = poix;
            final int origin_y = poiy;
            final int center_text_on = 0;
            final int charXGeom = 150;
            final int charYGeom = 150;

            double circumference = 0;
            double percentage = 0;
            double degrees = 0;
            double start = 0;
            double current_degree = 0;
            double angle = 0;
            double angle_adjustment = 0;
            double character_center = 0;

            /**
             * Calculate the circumference of the drawn circle and label the image
             * with it.
             */
            circumference = (2 * Math.PI * radius);

            /**
             * Calculate the percentage of the circumference that the string will
             * consume.
             */
            percentage = strImgW / circumference;

            /**
             * Convert this percentage into something practical - degrees.
             */
            degrees = 360 * percentage;

            /**
             * Because the string is centered, we need to calculate the starting point
             * of the string by subtracting half of the required degrees from the
             * anticipated center mark.
             */
            start = center_text_on - (degrees / 2);

            /**
             * Initialize our traversal starting point.
             */
            current_degree = start;

            // 
                        ImageInfo ci = null;
                        MagickImage cmi = null;

                        double x = 0;
                        double y = 0;
                        int finalStrWidth = 0;
                        int charImgW = 0;
                        int charImgH = 0;

                        for (int i=0; i<nameNumStr.length(); i++)
                        {
                                    /**
                                     * Isolate the appropriate character.
                                     */
                                    String charVal = nameNumStr.substring(i, i+1);

                                    charImgW = fm.stringWidth(charVal);
                                    charImgH = strImgH;

                                    ci = new ImageInfo(spacerImg);
                                    cmi = new MagickImage(ci);

                                    // Create Rectangle for cropping character image canvas to final width and height
                                    Rectangle charRect = new Rectangle(0,0,charImgW,charImgH);

                                    // Crop image to final width and height
                                    cmi = cmi.cropImage(charRect);

                                    // Make image transparent
                                    cmi.setMatte(true);
                                    cmi.setBackgroundColor(PixelPacket.queryColorDatabase("#FFFF8800"));

                                    // Set a draw info for each character
                                    DrawInfo cdi = new DrawInfo(ci);

                                    // Set Opacity
                                    cdi.setOpacity(0);

                                    // Set Gravity
                                    cdi.setGravity(GravityType.CenterGravity);

                                    // Set Fill Color
                                    cdi.setFill(PixelPacket.queryColorDatabase(colorStr));

                                    // Set Font Size
                                    cdi.setPointsize(fsize);

                                    // Set Font
                                    cdi.setFont(Article.replaceAll("%20"," "));

                                    // Set the text
                                    cdi.setText(charVal);

                                    // Make the text smoother
                                    cdi.setTextAntialias(true);

                                    // Annotate the draw info to make the character image
                                    cmi.annotateImage(cdi);

                                    // For debug purposes
                                    finalStrWidth += charImgW;

                                    /**
                                     * Calculate the percentage of the circumference that the character
                                     * will consume.
                                     */
                                    percentage = charImgW / circumference;

                                    /**
                                     * Convert this percentage into something practical - degrees.
                                     */
                                    degrees = 360 * percentage;

                                    /**
                                     * Calculate the x and y axis adjustments to make, based on the origin
                                     * of the circle, so we can place each letter.
                                     */
                                    x = radius * Math.sin(Math.toRadians(current_degree));
                                    y = radius * Math.cos(Math.toRadians(current_degree));

                                    // Rotate the character image to the angle
                                    cmi = cmi.rotateImage(angle);

                                    // Composite character image to main canvas image
                                    bmi.compositeImage(CompositeOperator.HardLightCompositeOp, cmi, (int)Math.round((origin_x+x)), (int)Math.round((origin_y-y)));

                                    // Increment the degrees
                                    current_degree += degrees;

                        }

                        bmi = bmi.trimImage();
                        byte[] pi = bmi.imageToBlob(ci);
                        return pi;

            } catch (MagickException e) {
                        e.printStackTrace();
                        return null;
            }
}

private FontMetrics createFontMetrics(Font font)
{
    BufferedImage bi = new BufferedImage(1, 1, BufferedImage.TYPE_INT_ARGB_PRE);
    Graphics g = bi.getGraphics();
    FontMetrics fm = g.getFontMetrics(font);
    g.dispose();
    bi = null;
    return fm;
}

private Rectangle2D createFontRectangle(Font font, String strVal)
{
    BufferedImage bi = new BufferedImage(1, 1, BufferedImage.TYPE_INT_ARGB_PRE);
    Graphics g = bi.getGraphics();
    FontMetrics fm = g.getFontMetrics(font);
    Rectangle2D rect = fm.getStringBounds(strVal, g);
    g.dispose();
    bi = null;
    return rect;
}

从那以后,我发现可以使用 DrawInfo 的 setGeometry 方法来设置 x、y,并在我在 jmagick.org 的 wiki 上找到的一个示例中看到,它可以用于比 x、y 放置更多的地方,但不能找到任何其他示例或文档来展示它可以如何使用(希望也可以指定角度)。

我不是很肯定,但似乎 setGeometry 将是可能指定角度的唯一方法,因为 jmagick 的 annotateImage 实现仅将 Draw Info 作为参数。

有谁知道使用 DrawInfo 的 setGeometry 方法设置 x、y 和角度的方法?我认为它可以解决我的问题。此外,如果有人有任何使用 jmagick 围绕他们愿意分享的圆圈绘制文本的工作示例,我将不胜感激。

谢谢

4

0 回答 0