微信公众号发布svg排版文章

svg代码：

页面初加载只显示一张图片，点击后自动展开显示一张长图页面初加载只显示一张图片，点击后自动展开显示一张长图页面初加载只显示一张图片，点击后自动展开显示一张长图

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title>
</head>
<body>
<div><section style="line-height: 0;overflow: hidden;"><section style="height: 0;"><svgviewbox="0 0 1222 5196"style="display: block;width: 100%;background: url(https://svg-1305776833.cos.ap-nanjing.myqcloud.com/di2.jpg) center center no-repeat;background-size: 100% 100%;"></svg></section><svgviewbox="0 0 100 74"style="display: block;max-width: none!important;width: 100%;background: #fff url(https://svg-1305776833.cos.ap-nanjing.myqcloud.com/feng1.webp) center center no-repeat;background-size: 100% 100%;"><animateattributeName="width"values="100%;630%;630%"dur="3s"begin="click+1s"fill="freeze"restart="never"></animate><animateattributeName="opacity"values="1;.5;0"dur="1s"begin="click"fill="freeze"restart="never"></animate></svg></section>
</div>
</body>
</html>

将svg代码嵌入到文章中

在正文区域输入一行文字（如代码嵌入位置）作为代码的占位。

在Chrome浏览器空白处鼠标右键/检查，打开调试工具，定位到代码位置文字，右击鼠标选择Edit as HTML，

删除原有代码，把内容替换为我们的SVG代码。

然后随便点击下其他元素的代码，有时可能会自动撤销，如果出现这种情况，再重新粘贴一次就行。

微信公众号发布svg排版文章相关推荐

爬取微信公众号发布的所有文章（包括阅读数，在看数，点赞数）
这次写爬虫.我爬取了某个微信公众号的全部文章的文章链接 url 文章标题 title 发布时间 update_time 封面链接 cover 阅读数 read_num 在看数 like_num 若想 ...
java对接微信公众号发布文章
前言在工作中遇到一个需求,需要向微信公众号发布文章,通过查询资料以及查阅微信的开发文档,最终实现. 微信开发文档:https://developers.weixin.qq.com/doc/offia ...
微信公众号的基本排版设置
其实一切美得事物人们都喜欢,而精美的公众号排版,不仅从阅读上提升可读性,而且美观度能让人赏心悦目. 那首先就来说说微信公众号的基本排版设置. 一.基本排版设置 1.字体与行距段落大部分公众号运营初级 ...
新手快速入手微信公众号加入svg代码块
公众号+svg有什么用? 公众号中嵌入svg能让文章有更丰富的交互,简单来说就是能让文章有点击动画或者是矢量图本文会让你快速对这项技术有个了解,并快速的进入简单的上手首先要明白svg是什么,SVG ...
python爬虫如何实现每天爬取微信公众号的推送文章
python爬虫如何实现每天爬取微信公众号的推送文章上上篇文章爬虫如何爬取微信公众号文章上篇文章python爬虫如何爬取微信公众号文章(二) 上面的文章分别介绍了如何批量获取公众号的历史文章url ...
甲子光年微信公众号往期精华文章[2019-08-14]
甲子光年微信公众号往期精华文章[2019-08-14] -科创板- 科创板,一瓶AI的卸妆水? 冲刺科创板,从价值创造到价值经营科创板,野心与决心 -科技产业- RPA:AI落地的接盘侠数据中台,下 ...
微信公众号发布时间的技巧？
微信公众号发布时间的技巧? 1 如图示可以看到早上9-10点是流量的高峰期,个人建议是在八点左右发布是最好的. 2 晚上七点到八点也是流量的高峰期,后来就会渐渐下滑,建议6点半左右发布是最好的. 3 ...
小编必看，教你如何使用微信公众号编辑器快速排版精美文章
对于小编而言,写作就是每天的日常,图文排版是公众号的形象,也是新媒体运营小编必须掌握的技能.一篇文章除了内容优质之外,排版也是非常重要的,好的排版才能让读者有更好的阅读体验.俗话说,工欲善其事,必先利 ...
JAVA 获取微信公众号发布的文章列表内容
文章目录代码业务场景一.前提操作二.开始操作 1.获取公众号的开发者id(AppID)和开发者密码(AppSecret),以及设置IP白名单 2.代码操作总结代码业务场景最近在给客户开发一 ...

微信公众号发布svg排版文章

将svg代码嵌入到文章中

微信公众号发布svg排版文章相关推荐

最新文章

热门文章