草庐IT

gray_img

全部标签

微信小程序 rich-text img 宽度超出最简便解决办法

因为项目上需要使用富文本,然后看了下小程序现在有个rich-text组件可以使用富文本。待开发完成测试时候发现rich-text对于图片无法限制最大宽度。在百度了一众方法后发现不太适合,最后以最简单的方式解决了此问题。bug原因在rich-text中,如果图片本身够大就会超出屏幕。出现类似下面这种情况:查找资料然后我就百度了一下看看,网上的解决办法大同小异:网上等等各种解决方法核心思想就是在数据层把数据模板上的img数据加上style样式,使每个img标签达到想自己要的效果。我的思考这种方法基本解决的是string类型nodes数据的办法。因为如果是array的数据类型就需要一层层便利下去,一

前端 img图片如何 展示 base64 格式(并且下载到本地)

如题:最近在做项目发现页面上有些图片是动态获取的,也就是后台给我们返回图片的存放地址,一般都是放在服务器上的某个位置,我们直接拿到渲染一下就行了,(前提是不存在跨域问题),但是由于项目特殊性,后台使用了Python渲染出来的图片是svg格式的图片,并且是矢量图,不太好转成png这种图片,不可以直接存放地址,所以想到了用base64不也行吗。。例如://下面直接使用vue语法//接口获取到的字段直接赋值即可this.inputImg='data:image/svg+xml;base64,'+res.data.body.data这种后台数据返回格式如下:上面后台数据返回的是svg格式的矢量图,为了

vue3 动态(:src)绑定img图片

webpack创建的vue2可以通过require对图片进行动态绑定exportdefault{data(){return{list:[{id:1,img:require("./assets/logo.png")},{id:2,img:require("./assets/logo.png")},{id:3,img:require("./assets/logo.png")}]}}}但vite创建的vue3则不可以通过require对图片进行动态绑定可以通过一下方法进行绑定(注意vite根目录是/,且vite会自动解析src中的字符串)import{reactive}from"@vue/react

Stable diffusion WebUI txt2img使用教学

本篇文章将深入探讨如何在StableDiffusionWebUI上进行各项参数的调整。将以txt2img为主要讨论对象,探讨诸如基本设定Samplingmethod以及CFGscale等参数的调整,以及这些参数之间的相互影响。对于还未安装StableDiffusionWebUI的小伙伴,可以参阅上一篇文章StableDiffusionWebUI本地安装教学以获得安装和运行的具体步骤。而本篇文章将直接讨论和解析WebUI的各项参数。文章目录StableDiffusionCheckpoint模型选择Prompt关键词NegativePrompt负面词Samplingmethod采样方法Sampli

Stable diffusion WebUI img2img使用教学

图生图(img2img)相较于文生图(txt2img),因存在参考图片的基础上创作,其可控性自然更强。下面从图生图的几个应用方向出发,详述其功能特性。文章目录推提示词img重新绘制参考图Resizemode缩放模式Denoising重绘幅度Sketch绘图Inpaint局部绘制Inpaintsketch修补重绘InpaintuploadBatch推提示词顾名思义,就是通过图片反推关键词,不过作为附加功能首次使用时,需在线下载相应的模型包。有可能退出来的描述信息并不是非常准确CLIP反推,这部分主要集中在图像的描述上,通过生成相应的语句。DeepBooru反推,该部分主要针对图像内容的识别,生成

stable diffusion webui 文生图(txt2img)api接口调用(使用C#)

唠嗑本次将跟读者讲一下如何通过C#请求sdwebuiapi【txt2img】接口,如果读者觉得文章有用,请给【点个赞】吧,有问题可以评论区提问。实战1.配置api启用参数启动webui时,需加上【–api】命令以保证api接口可以被调用。如果需要设置密码,可以通过【–api-auth账号:密码】和【–gradio-auth账号:密码】的方式启用。如下图所示的方式,进行开启即可。注:这里只设置–api-auth的密码是无效了,login接口,是用于ui页面登录的,原有代码是没有api-auth接口返回token的。(如果说错了,欢迎指正)2.本地运行访问http://127.0.0.1:7860

OpenCV之 BGR、GRAY、HSV色彩空间&色彩通道专题 【Open_CV系列(三)】

文章目录1.色彩空间1.1BGR色彩空间1.2GRAY色彩空间1.3HSV色彩空间1.4空间转换1.4.1BGR转GRAY1.4.2BGR转HSV2.色彩通道2.1色彩通道的拆分2.1.1cv2.split()拆分BGR通道2.1.2拆分HSV通道2.2cv2.merge()色彩通道的合并2.2.1BGR合并2.2.2HSV合并2.2.3通道拆分与合并的综合运用2.3BGRA色彩空间(alpha通道)ʚʕ̯•͡˔•̯᷅ʔɞ🍹欢迎各路大佬来到小啾主页指点☀️欢迎大家前来学习OpenCVBGR、GRAY、HSV色彩空间&色彩通道专题-Open_CV系列博文第三篇,我是侯小啾。✨博客主页:云雀编程小

OpenCV之 BGR、GRAY、HSV色彩空间&色彩通道专题 【Open_CV系列(三)】

文章目录1.色彩空间1.1BGR色彩空间1.2GRAY色彩空间1.3HSV色彩空间1.4空间转换1.4.1BGR转GRAY1.4.2BGR转HSV2.色彩通道2.1色彩通道的拆分2.1.1cv2.split()拆分BGR通道2.1.2拆分HSV通道2.2cv2.merge()色彩通道的合并2.2.1BGR合并2.2.2HSV合并2.2.3通道拆分与合并的综合运用2.3BGRA色彩空间(alpha通道)ʚʕ̯•͡˔•̯᷅ʔɞ🍹欢迎各路大佬来到小啾主页指点☀️欢迎大家前来学习OpenCVBGR、GRAY、HSV色彩空间&色彩通道专题-Open_CV系列博文第三篇,我是侯小啾。✨博客主页:云雀编程小

php - 使用 preg_match 匹配 IMG 标签的 SRC 属性

我正在尝试运行preg_match以从文章中的第一个IMG标签中提取SRC属性(在本例中,存储在$row->introtext中)。preg_match('/\]*[src]*=*[\"\']{0,1}([^\"\']*)/i',$row->introtext,$matches);而不是得到类似的东西images/stories/otakuzoku1.jpg来自我刚好0正则表达式应该是正确的,但我不知道为什么它似乎匹配border属性而不匹配src属性。或者,如果您有耐心阅读到这里,而没有直接跳到回复字段并输入“使用HTML/XML解析器”,那么可以推荐一个很好的教程吗,因为我找不到一

php - 使用 preg_match 匹配 IMG 标签的 SRC 属性

我正在尝试运行preg_match以从文章中的第一个IMG标签中提取SRC属性(在本例中,存储在$row->introtext中)。preg_match('/\]*[src]*=*[\"\']{0,1}([^\"\']*)/i',$row->introtext,$matches);而不是得到类似的东西images/stories/otakuzoku1.jpg来自我刚好0正则表达式应该是正确的,但我不知道为什么它似乎匹配border属性而不匹配src属性。或者,如果您有耐心阅读到这里,而没有直接跳到回复字段并输入“使用HTML/XML解析器”,那么可以推荐一个很好的教程吗,因为我找不到一