文档建议反馈控制台
首页
学习
活动
专区
圈层
工具
文章/答案/技术大牛
发布
首页
学习
活动
专区
圈层
工具
返回腾讯云官网
社区首页 >问答首页 >不能将SvgPicture分配给ImageProvider

问不能将SvgPicture分配给ImageProvider
EN

Stack Overflow用户
提问于 2019-12-06 09:02:45
回答 3查看 7.6K关注 0票数 11

我试图在容器中使用svg图像作为背景，我使用这个包"flutter_svg“，我找不到提供者方法来设置它。

代码语言：javascript
运行
AI代码解释
复制
    Container(
              margin: EdgeInsets.symmetric(horizontal: 5),
              width: 60,
              height: 20,
              decoration: BoxDecoration(
                color: currentColor.medium,
                borderRadius: BorderRadius.circular(4),
                image: DecorationImage(
                  image: SvgPicture.asset('assets/images/home.png'),
                ),
              ),
);

参数类型'SvgPicture‘不能分配给参数类型SvgPicture

所以我不知道如何在这里使用svg作为ImageProvider，有什么想法吗？

flutter
dart
EN

回答 3

Stack Overflow用户

发布于 2021-04-15 02:33:15

有两种选择：

首先，为此编写一个函数，如flutter_svg包中这里中的注释

代码语言：javascript
运行
AI代码解释
复制
final String rawSvg = '''<svg viewBox="...">...</svg>''';
final DrawableRoot svgRoot = await svg.fromSvgString(rawSvg, rawSvg);

final Picture picture = svgRoot.toPicture();
final Image image = await picture.toImage(width, height);
return RawImage(image, 1.0);

第二个，在svg_flutter包的基础上使用另一个svg_flutter：

代码语言：javascript
运行
AI代码解释
复制
import 'package:flutter_svg_provider/flutter_svg_provider.dart';

Image(
  width: 32,
  height: 32,
  image: Svg('assets/my_icon.svg'),
)
票数 6
EN

Stack Overflow用户

发布于 2022-08-18 09:41:26

您应该将pubspec.yaml，flutter_svg_provider：^1.0.0而不是flutter_svg：^1.0.0添加到

票数 0
EN

Stack Overflow用户

发布于 2019-12-06 09:13:45

开发人员创建了一个库，您可以在这里找到https://www.developerlibs.com/2019/06/flutter-draw-svg-vector-drawables.html

票数 -2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：

https://stackoverflow.com/questions/59217425

复制
相关文章
用python在地球投影中轻松添加图形标注
pythonmatplotlib地图对象函数
交流群里有读友提问：如何在地球投影中添加指定的纬圈。我抽空尝试了一下，分享给大家。
自学气象人
2023/09/05
6700
用python在地球投影中轻松添加图形标注
CV基础：图像投影
编程算法
例如：我现在项目的需求是将一串编号给切分开来。查了网上的资料和文献，大致适合项目的有两种方法：投影分割法和连通域分割法。
机器学习AI算法工程
2020/09/04
6190
CV基础：图像投影
OpenCV图像处理中“投影技术”的使用
文字识别编程算法
本文区分”问题引出“、”概念抽象“、”算法实现“三个部分由表及里具体讲解OpenCV图像处理中“投影技术”的使用，并通过”答题卡识别“”OCR字符分割”“压板识别”“轮廓展开分析”四个的例子具体讲解算法使用。使得读者能够对“投影技术”加速认识和理解，从而在解决具体问题的时候多一个有效方法。我第一次集中遇到需要“投影”技术解决的问题，是在“答题卡”项目中。
OpenCV学堂
2020/12/08
1.3K0
OpenCV图像处理中“投影技术”的使用
图像垂直方向投影
编程算法
算法：图像垂直方向投影是以x轴为轴投影，图像垂直方向投影（即计算目标图像在垂直方向的像素点个数，然后显示出来），进行图像投影的主要目标是要对其中的缺陷进行分割出来。投影是将场景投影到摄像机的像平面上，如透视投影、仿射投影、弱透视投影和类透视投影等。
裴来凡
2022/05/29
5100
图像垂直方向投影
CV基础：图像投影
基础
原文地址 https://www.cnblogs.com/wt714/p/12505877.htm
公众号机器学习与AI生成创作
2021/01/08
8390
CV基础：图像投影
ENVI中不含地理参考信息的栅格图像添加地理或投影坐标系
addmapmetadatapixelspatial
  本文介绍基于ENVI软件，对不含有任何地理参考信息的栅格遥感影像添加地理坐标系或投影坐标系等地理参考信息的方法。
疯狂学习GIS
2022/12/18
7120
ENVI中不含地理参考信息的栅格图像添加地理或投影坐标系
你可以恢复模糊的图像吗？
julia内核
有人认为恢复模糊的图像是不可能的，因为会丢失信息。但我对这个问题进行了很多思考，并认为如果输出图像的大小与输入图像的大小相同，那实际上是可能的！这样，输出就有足够的像素/信息来恢复原始像素/信息。
小白学视觉
2022/02/14
1.1K0
你可以恢复模糊的图像吗？
SVG图像技术摘要
svg容器htmlnode.js
该公司今天没有，研究了最近流行SVG技术，发现，随着css3不断流行，和浏览器技术的发展，SVG网站将取代大量的图片，成为主流站点图片展示。
全栈程序员站长
2022/07/06
1.3K0
在 Node.js 中转换 SVG 图像格式[每日前端夜话0xAD]
svgapihttpnpm
你需要将SVG文件转换为PNG、JPEG、TIFF、WEBP 和 HEIF 格式吗？本文将指导你如何转换为所有这些类型的格式。
疯狂的技术宅
2019/08/23
5.6K0
彩色图像高斯反向投影
其他
彩色图像高斯反向投影 一：介绍 图像反向投影的最终目的是获取ROI然后实现对ROI区域的标注、识别、测量等图像处理与分析，是计算机视觉与人工智能的常见方法之一。图像反向投影通常是彩色图像投影效果会比灰度图像效果要好，原因在于彩色图像带有更多对象细节信息，在反向投影的时候更加容易判断、而转为灰度图像会导致这些细节信息丢失、从而导致分割失败。最常见的是基于图像直方图特征的反向投影。我们这里介绍一种跟直方图反向投影不一样的彩色图像反向投影方法，通过基于高斯的概率分布公式（PDF）估算，反向投影得到对象区域，该方法
OpenCV学堂
2018/04/04
7180
彩色图像高斯反向投影
图像水平方向投影
算法
[0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0]
裴来凡
2022/05/29
5730
图像水平方向投影
SVG 图像入门教程
svgxmlscalajava
SVG 是一种基于 XML 语法的图像格式，全称是可缩放矢量图（Scalable Vector Graphics）。其他图像格式都是基于像素处理的，SVG 则是属于对图像的形状描述，所以它本质上是文本文件，体积较小，且不管放大多少倍都不会失真。
ruanyf
2018/08/09
1.8K0
SVG 图像入门教程
几种SVG图像的fallbacks
svg图像处理
本文介绍了三种SVG图像的fallback方案，分别是使用图片作为占位符、使用srcset属性或使用SVG标签。这些方案各有优缺点，需要根据具体需求选择合适的方案。
练小习
2017/12/29
9440
几种SVG图像的fallbacks
在 kbone 中实现小程序 svg 渲染
htmlhtml5javascriptsvg渲染
2019 年底，微信小程序已经推出了近三个年头，我身边的前端开发者基本都做过至少一次小程序了。很多友商曾打算推动小程序进入 W3C 标准，而微信并不为所动，个人认为，小程序本身在框架设计上称不上「标准」，微信也并没打算做一个「标准的平台」。
binnie
2019/12/11
2.2K0
在 kbone 中实现小程序 svg 渲染
OpenCV之图像直方图反向投影
python
python代码： import cv2 as cv import numpy as np from matplotlib import pyplot as plt def back_projection_demo(): sample = cv.imread("./Mat.png") # hist2d_demo(sample) target = cv.imread("./test.png") # hist2d_demo(target) roi_hsv = cv.c
MachineLP
2021/07/20
2810
如何将SVG图像使用在HTML网站中
svghtml
使用PS生成SVG图像用编辑器打开发现是data:img/png;base64而非/path
Din
2018/10/19
4.8K0
如何将SVG图像使用在HTML网站中
高斯反向投影实现检测图像中的特定物
其他
在图像处理中，我们通常需要设置感兴趣的区域(ROI，region of interest)，来简化我们的工作。也就是从图像中选择的一个图像区域，这个区域是我们图像分析所关注的重点。
fengzhizi715
2018/08/24
4550
高斯反向投影实现检测图像中的特定物
前端-SVG 图像入门教程
svg
SVG 是一种基于 XML 语法的图像格式，全称是可缩放矢量图（Scalable Vector Graphics）。其他图像格式都是基于像素处理的，SVG 则是属于对图像的形状描述，所以它本质上是文本文件，体积较小，且不管放大多少倍都不会失真。
grain先森
2019/03/29
2.4K0
前端-SVG 图像入门教程
在推荐系统中，我还有隐私吗？联邦学习：你可以有
联邦学习机器学习迁移学习神经网络深度学习
随着互联网覆盖范围的扩大，越来越多的用户习惯于在网上消费各种形式的内容，推荐系统应运而生。推荐系统在我们的日常生活中无处不在，它们非常有用，既可以节省时间，又可以帮助我们发现与我们的兴趣相关的东西。目前，推荐系统是消费领域最常见的机器学习算法之一[1]。以网络新闻为例，由于每天都有大量的新闻文章发布在网上，在线新闻服务的用户面临着严重的信息过载。不同的用户通常喜欢不同的新闻信息。因此，个性化新闻推荐技术被广泛应用于用户的个性化新闻展示和服务中。关于新闻的推荐算法 / 模型研究已经引起了学术界和产业界的广泛关注。
机器之心
2020/12/03
4.8K0
在推荐系统中，我还有隐私吗？联邦学习：你可以有
【DB笔试面试618】在Oracle中，“OR扩展”可以有查询转换吗？
oracle
♣ 题目部分 在Oracle中，“OR扩展”可以有查询转换吗？ ♣ 答案部分 同一字段： LHR@orclasm > SELECT * FROM SCOTT.EMP A WHERE A.EMPNO =7369 OR A.EMPNO=1; EMPNO ENAME JOB MGR HIREDATE SAL COMM DEPTNO ---------- ---------- --------- ------
AiDBA宝典
2019/09/29
6.4K0

相似问题

OWASP ASVS有多相关？

10

设置OWASP身份验证

10

OWASP客户端测试-如何

10

关于客户端密码散列的OWASP建议

10

使用OWASP ZAP脚本进行身份验证

10
添加站长 进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

扫码加入开发者社群
关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

扫码关注腾讯云开发者公众号
领券

腾讯云开发者

扫码关注腾讯云开发者

扫码关注腾讯云开发者

领取腾讯云代金券

热门产品

热门推荐

更多推荐

Copyright © 2013 - 2025 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有 

深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 深公网安备号 44030502008569

腾讯云计算（北京）有限责任公司 京ICP证150476号 |  京ICP备11018762号 | 京公网安备号11010802020287

问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
查看详情【社区公告】 技术创作特训营有奖征文