正文 

当前位置： 首页 > 问答 >

有没有办法让流光画布图像数据显示在终端中

     2023-03-29     137

关键词：

【中文标题】有没有办法让流光画布图像数据显示在终端中【英文标题】：Is there a way to get the streamlit canvas image data to show up in the terminal 【发布时间】：2021-12-25 16:13:10 【问题描述】：

这是我的第一个 python 项目，其中一部分涉及电子签名。我一直在尝试一段时间来找到一种方法来将绘制的任何图像保存为文件。问题是我似乎无法获得有用的信息，甚至无法开始在 Visual Studio Code 中进行操作。

def signaturefunk ():
    
    st.write("Signature")

    canvas_result = st_canvas(
            fill_color="#eee",
            stroke_width=5,
            stroke_color="black",
            background_color="",
            update_streamlit=False,
            height=200,
            width=700,
            drawing_mode="freedraw",
        )
     
    im = canvas_result.image_data
    print(im)

无论我在画布上画什么，我总是在终端返回None。也许canvas_result.image_data 并没有按我的预期工作。但是，如果是这样的话，我什至不知道从这里去哪里。

【问题讨论】：

【参考方案1】：

首先 canvas_result.image_data 返回画布中的图像，您可以使用以下简单代码进行测试：

import streamlit as st
from streamlit_drawable_canvas import st_canvas

st.title("Signature")

def signaturefunk():
    
    st.write("Canvas")

    canvas_result = st_canvas(
            fill_color="#eee",
            stroke_width=5,
            stroke_color="black",
            background_color="white",
            update_streamlit=False,
            height=200,
            width=700,
            drawing_mode="freedraw",
        )
    
    st.write("Image of the canvs")
    if canvas_result.image_data is not None:
        st.image(canvas_result.image_data)

signaturefunk()

现在为了保存图片可以使用OpenCV，代码：

import streamlit as st
from streamlit_drawable_canvas import st_canvas
import cv2

st.title("Signature")

def signaturefunk():
    canvas_result = st_canvas(
            fill_color="#eee",
            stroke_width=5,
            stroke_color="black",
            background_color="white",
            update_streamlit=False,
            height=200,
            width=700,
            drawing_mode="freedraw",
        )
    
    # save image
    if canvas_result.image_data is not None:
        cv2.imwrite(f"img.jpg",  canvas_result.image_data)
    else:
        st.write("no image to save")

signaturefunk()

【讨论】：

有没有办法在不使用画布的情况下在 JavaScript 中合并图像？

】有没有办法在不使用画布的情况下在JavaScript中合并图像？【英文标题】：IsthereawaytomergeimagesinJavaScriptwithoutusingcanvas?【发布时间】：2021-08-1218:13:26【问题描述】：我正在尝试导出大于themaximumcanvassize的图像(PNG)。我已经平铺了画... 查看详情

有没有办法让我的图像通过 MySQL 或 phpMyAdmin 显示在我的 PHP 页面上？

】有没有办法让我的图像通过MySQL或phpMyAdmin显示在我的PHP页面上？【英文标题】：IsthereawaytogetmyimagestoshowuponmyPHPpagethroughMySQLorphpMyAdmin?【发布时间】：2020-11-2208:28:50【问题描述】：我想知道是否可以运行我的PHP页面，因为我尝试... 查看详情

有没有办法在 thymeleaf 和 spring boot 中显示来自 MySql 数据库的图像？

】有没有办法在thymeleaf和springboot中显示来自MySql数据库的图像？【英文标题】：IsthereawaytodisplayanimagefromMySqldatabaseinthymeleafandspringboot?【发布时间】：2019-09-0506:47:17【问题描述】：我创建了一个名为：department的MySQL数据库。我可以... 查看详情

更改画布形状

...法再与画布交互。关于如何做到这一点的任何想法？或者有没有办法让只有一个画布 查看详情

有没有办法在 php 中使用 $result->fetch_row 从数据库中显示图像？

】有没有办法在php中使用$result->fetch_row从数据库中显示图像？【英文标题】：isthereawaytodisplayimagefromdatabaseusing$result->fetch_rowinphp?【发布时间】：2015-02-1414:48:06【问题描述】：你好，我是php的新手，我现在正在我的项目中工作... 查看详情

所选图像未显示在画布上

】所选图像未显示在画布上【英文标题】：Selectedimageisnotshownoncanvas【发布时间】：2017-05-2516:35:14【问题描述】：我正在开发一个应用程序，用户可以在其中从提供的图像列表中选择图像。当用户单击列表中的图像时，所选图像... 查看详情

如何让用户在 WPF 中使用画布绘制线条

】如何让用户在WPF中使用画布绘制线条【英文标题】：HowtoletauserdrawalineusingacanvasinWPF【发布时间】：2014-02-2813:35:50【问题描述】：我正在尝试制作一个简单的图像编辑器，用户可以在其中加载图像并在其上绘制箭头、文本和矩形... 查看详情

有没有办法让 ms-access 显示来自外部文件的图像

】有没有办法让ms-access显示来自外部文件的图像【英文标题】：Isthereawaytogetms-accesstodisplayimagesfromexternalfiles【发布时间】：2008-09-0217:34:34【问题描述】：我有一个MS-Access应用程序（1/10的MS-Acccess，9/10的MS-SQL），它需要显示一些资... 查看详情

如何在流光中将文本泵入滚动窗口？

...型显示滚动文本窗口。特别是，它们会显示在数据帧中。有没有办法以某种方式以与info、@987654325相同的颜色代码滚动info、warning和error文本窗口以某种方式增量写入@和error用streamlit 查看详情

如何将多个图像绘制到单个画布上？

】如何将多个图像绘制到单个画布上？【英文标题】：Howtodrawmultipleimagestoasinglecanvas?【发布时间】：2021-12-2309:01:29【问题描述】：我正在制作一个网站，让用户可以绘制草图并指定他们的位置和大小；然后，我将它们保存到数据... 查看详情

精灵图像的随机移动位置

...精灵在画布上移动时，它只会在碰到画布的一侧后反弹。有没有办法让我的精灵在画布上的随机位置改变到另一个方向？这是我改变方向及其移动方式的代码：Fish.prototype.changeDirection=function()speedXSign=this.spe 查看详情

有没有办法确定跨域图像是不是会在不绘制画布的情况下污染画布？

】有没有办法确定跨域图像是不是会在不绘制画布的情况下污染画布？【英文标题】：Isthereawaytodetermineifacross-originimagewouldtaintthecanvaswithoutpaintingit?有没有办法确定跨域图像是否会在不绘制画布的情况下污染画布？【发布时间】... 查看详情

滚动画布图像时，无法修改画布上的测谎仪

...是，当我在画布上滚动图像时，无法操作绘制的测谎仪。有没有办法在代码中解决这个问题？在下面的jsfiddle.net/heldersepu/egt92403/36中，它与我在 查看详情

HTML：有没有办法在文本区域中显示图像？

】HTML：有没有办法在文本区域中显示图像？【英文标题】：HTML:Isthereanywaytoshowimagesinatextarea?【发布时间】：2011-04-1702:59:27【问题描述】：所以我想在<textarea>中也显示imagethumbnails以及文本。如果你知道一个完美的javascri... 查看详情

在 tkinter 画布中显示图像

】在tkinter画布中显示图像【英文标题】：Displayimagesintkintercanvas【发布时间】：2019-06-2621:23:10【问题描述】：我在尝试创建画布图像时遇到了一些问题，一个类处理图像的创建，我希望该类创建与我调用它的时间一样多的图像。... 查看详情

如何在视频元素中播放画布？

】如何在视频元素中播放画布？【英文标题】：Howdoyouplayacanvasinavideoelement?【发布时间】：2021-01-1311:07:10【问题描述】：我查看了Streamingfromcanvastovideoelement的示例，因此我可以看到该原理有效，但我无法让它在视频中播放/显示静... 查看详情

画布图像数据多像素插入

】画布图像数据多像素插入【英文标题】：Canvasimagedatamultiplepixelinsert【发布时间】：2015-01-0118:08:31【问题描述】：我正在检索画布图像数据中的像素，并且经常这样做。我认为在画布图像数据中插入和检索在cpu时间上是昂贵的... 查看详情

Drupal 8 有没有办法在媒体库中显示图像的文件大小？

】Drupal8有没有办法在媒体库中显示图像的文件大小？【英文标题】：Drupal8isthereawaytoshowthefilesizeofanimageinthemedialibrary?【发布时间】：2020-04-0219:45:20【问题描述】：我需要优化Drupal8站点上使用的所有文件，但我没有管理员权限。... 查看详情