微信图文消息中如何使用svg图片

微信图文消息无法上传svg格式图片,但是可以通过浏览器开发者工具进行hack

将svg图片使用文本编辑器打开,复制内容
登录微信公众平台,新建图文消息
输入正文的输入框中输入随意文字
打开浏览器控制台(右键检查或按F12),找到步骤2输入文字对应的html标签
在html标签右键,选择’Edit as HTML’,粘贴复制的文字
在页面空白处点击鼠标即可

如图:

如果预览图片没有居中，可以查看一下svg是否有width="100%"属性如果有可以删除试一下

<svg width="100%" height="100%" version="1.1" xmlns="http://www.w3.org/2000/svg" ><rect x="20" y="20" width="250" height="250" style="fill:blue;stroke:pink;stroke-width:5;fill-opacity:0.1;stroke-opacity:0.9"></rect>
</svg>

如果不是百分比可以在将svg用一个p标签包裹，并设置居中属性

<p style="text-align:center"><svg>******</svg>
</p>

微信图文消息中如何使用svg图片相关推荐

群发微信图文消息，但是正文中的图片却不显示
问题描述: 在做微信群发图文消息的时候,遇到了图文消息中正文部分的图片,在发送到公众号之后不显示. 仔细查看公众号开发文档后发现了这样一句话: 请注意,在图文消息的具体内容中,将过滤外部的图片链接,开 ...
将普通文章内容替换为微信图文消息符合的内容
//替换好符合微信图文消息的内容 foreach($content_data as $key => $val){ $content[$key] = $this->get_img_weixi ...
微信公众号编辑文章发布时，弹出，图文消息中含有敏感词
在写文章的时候,会遇到以下3种情况: 1.你所编辑的图文消息可能含有敏感内容,你可以继续保存或发布该图文消息(发布等待时长约3-4小时),若保存或发布后,经核实含有敏感内容的,将可能被作删除.屏蔽等处 ...
微信图文素材中批量替换URL
背景最近业务需要,公司把微信开发模式改为开发模式,因此原来的默认的素材模式就不能用了,因此要独立开发一个管理网站,一套对应微信服务器的接口. 其原理是 Created with Raphaël 2. ...
在c 语言里如何制作滑动图片大小,[教程]教你在微信小程序中实现手势缩放图片...
在小程序中,image 组件的 mode 有 12 种,其中只有三种是缩放模式.而在这三种之中,只有 aspectFit 模式可以等比例缩放图片,并显示完整的图片.此模式是保证图片长边完整地显示出来, ...
vue项目中img使用svg图片修改颜色
需求:就是左边是文字,右边是文字,中间是一个箭头图片前言:抛开vue项目已经封装好了svg的组件这种来讲,封装的可以直接使用color来进行改变颜色,然后这里讲下没有封装的写法 1:首先改svg图片 ...
开发群发微信图文消息，正文中的图片却不显示问题
https://blog.csdn.net/skydar/article/details/50984089 请参考原文,具体问题具体分析~
几个比较好的微信图文编辑器和二维码图片生成工具网站介绍给你！
小小我收藏了一些非常实用但是排名不是太靠前的网站,不过毕竟好东西不能独享,这次小小就把这些多年珍藏的"宝贝"公之于众,大家以后用到的时候别忘了小小哦(*^ワ^*) 一·让你的微信公 ...
微信小程序中base64转换成图片；uni-app小程序base64转图片；微信小程序base64文件转图片；微信小程序base64图片转图片
将微信小程序的图片转成base64 点击此链接看另一篇以下是将后端返回的base64转成图片: 方法1:使用微信小程序自带方法 //把base64转换成图片getBase64ImageUrl: (b ...

微信图文消息中如何使用svg图片

微信图文消息无法上传svg格式图片,但是可以通过浏览器开发者工具进行hack

微信图文消息中如何使用svg图片相关推荐

最新文章

热门文章