0

我想在 android 上显示条码。作为输入,我得到 SVG 字符串。作为 SVG 库,我使用AndroidSVG。我使用了图书馆网站上的示例代码,一切似乎都很好。但是当我放大图像时,我会得到扭曲的边缘(抗锯齿?)。我试图禁用所有标志。但是图像仍然有模糊的边缘。我的代码有什么问题?

图片: 尝试放大到最大,你会看到模糊的边缘。 在此处输入图像描述

代码:

private void loadQRCode(String svgString) {
    SVG svg = null;
    try {
        svg = SVG.getFromString(svgString);
    } catch (SVGParseException e) {
        e.printStackTrace();
    }

    if (svg.getDocumentWidth() != -1) {
        int widthPx = Utils.pxFromDp(400);
        int heightDp = Utils.pxFromDp(300);

        svg.setDocumentWidth(widthPx);
        svg.setDocumentHeight(heightDp);

        int width = (int) Math.ceil(svg.getDocumentWidth());
        int height = (int) Math.ceil(svg.getDocumentHeight());
        Bitmap newBM = Bitmap.createBitmap(width, height, Bitmap.Config.ARGB_8888);

        Canvas bmcanvas = new Canvas(newBM);
        final DrawFilter filter = new PaintFlagsDrawFilter(Paint.ANTI_ALIAS_FLAG| Paint.FILTER_BITMAP_FLAG | Paint.DITHER_FLAG, 0);
        bmcanvas.setDrawFilter(filter);

        barcode.setLayerType(View.LAYER_TYPE_SOFTWARE,null);
        bmcanvas.drawRGB(255, 255, 255);

        svg.renderToCanvas(bmcanvas);
        barcode.setImageBitmap(newBM);
    }
}
4

1 回答 1

0

如果条的边缘不完全位于像素边界上,您将获得抗锯齿。在高分辨率屏幕上,这通常不应该是可见的。

但是,在您的代码中,您将 SVG 渲染为位图并将位图设置为 ImageView。如果该 ImageView 的大小大于位图 - 即。大于 400 x 300,则该位图中的抗锯齿像素可能会渲染得更大,因此更可见。

一种解决方案是避免使用位图。使用Picture/PictureDrawable代替。这样,无论大小如何,条形码都将以最高质量呈现。作为矢量图应该是。

按照此页面上的示例进行操作:

http://bigbadaboom.github.io/androidsvg/use_with_ImageView.html

所以你的代码应该看起来像下面这样:

private void loadQRCode(String svgString) {
    try {
        SVG svg = SVG.getFromString(svgString);

        barcode.setLayerType(View.LAYER_TYPE_SOFTWARE,null);
        Drawable drawable = new PictureDrawable(svg.renderToPicture());
        barcode.setImageDrawable(drawable);

    } catch (SVGParseException e) {
        e.printStackTrace();
    }

}

如果出于某种原因您需要使用位图 - 也许您正在缓存它们或其他东西 - 那么您应该注意大小的变化,ImageView然后以新的大小重新创建位图。ImageView因此,位图的大小始终与其分配的大小相同。

于 2016-11-10T12:30:23.067 回答