English 中文(简体)
BlurHash in Flutter
原标题:BlurHash in Flutter

我正在从APICA中收集一些数据,我希望在APIC图像负荷之前使用图像的模糊。 我如何能够做到这一点? 我可以在网上找到任何辅导。

问题回答

BlurHash拍摄了一个图像,给你一个短幅(仅20-30个字眼!)来代表这一形象的持有人。 你在你工作的背后这样做,并照图像储存插图。

这方面的一个例子是:

import  package:flutter/material.dart ;
import  package:flutter_blurhash/flutter_blurhash.dart ;

void main() {
  runApp(const MyApp());
}

class MyApp extends StatelessWidget {
  const MyApp({super.key});

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title:  Flutter Demo ,
      theme: ThemeData(
        colorScheme: ColorScheme.fromSeed(seedColor: Colors.deepPurple),
        useMaterial3: true,
      ),
      home: const BlurHashApp(),
    );
  }
}

class BlurHashApp extends StatelessWidget {
  const BlurHashApp({Key? key}) : super(key: key);

  @override
  Widget build(BuildContext context) => MaterialApp(
        home: Scaffold(
          appBar: AppBar(title: const Text("BlurHash")),
          body: const SizedBox.expand(
            child: Center(
              child: AspectRatio(
                aspectRatio: 1.6,
                child: BlurHash(
                  // hash was generated when you upload the image and returned along with image url by backend
                  hash: "LKN]Rv%2Tw=w]~RBVZRi};RPxuwH",
                  image: "https://blurha.sh/ea9e499f8080ce9956a8.jpg",
                ),
              ),
            ),
          ),
        ),
      );
}

当你上载图像时,便会产生散射。

How? There are several implementation: enter image description here

For example with python: enter image description here

详细情况:





相关问题
Using QCView and iSight to capture image

I have a QCView that loads a Quartz file which gives you iSights feedback (basically like a QTCaptureView) Everything displays fine The button simply takes a snapshot using the following simple ...

Taking picture with QTCaptureView

Is it possible to simply take a picture and save it somewhere using a QTCaptureView and Apple s built-in iSight? I ve seen lots of tutorials on recording video but none on simply taking a picture. Any ...

Transform rectangular image into trapezoid

In .NET how can I transform an image into a trapezoid. The Matrix class supports rotation, shear, etc, but I can t see a trapezoidal transformation. I m using the usual System.Drawing.* API, but I m ...

Rotate image through Y-axis on web page

What are my options for rotating an image on a web page through the Y-axis? I m not sure if I even have the terminology right. Is this called a rotate or a transform. Most of the searches that I ve ...

Text as watermarking in PHP

I want to create text as a watermark for an image. the water mark should have the following properties front: Impact color: white opacity: 31% Font style: regular, bold Bevel and Emboss size: 30 ...

Editing a xaml icons or images

Is it possible to edit a xaml icons or images in the expression design or using other tools? Is it possible to import a xaml images (that e.g you have exported) in the expression designer for editing?...

Convert from 32-BPP to 8-BPP Indexed (C#)

I need to take a full color JPG Image and remap it s colors to a Indexed palette. The palette will consist of specific colors populated from a database. I need to map each color of the image to it s "...

热门标签