新媒体运营技能svg图文交互基础01

author author     2023-03-14     797

关键词:

参考技术A

我们把SVG交互设计想象成作画的过程,假设一个100*100像素的画布。

<circle>...</circle>
绘制一个圆形,只需要知道圆心坐标和半径。

circle 圆
cx圆心横坐标
cy 圆心纵坐标
r 半径
fill是填充色
stroke 描边
stroke-width 描边宽度

颜色可以有三种表达方式,例如红色怎么表示?
①颜色英文 例如:fill="red"
②16进制 例如:fill="#ff0000"
③RGB 例如 :fill="rgb(255,0,0)"

<rect>...</rect>

绘出一个矩形,需要起始位置坐标(x和y),和宽度(width),高度(height)。

注意:当的时候,画布是整个网页的宽度。

矩形的起点坐标,就是矩形的左上角的坐标。

注意:x 、y、width、height可以单独变化,也可以一起变化。

<animate attributeName="x" from="50" to="250" dur="3s" repeatcount="2" fill="remove">

动画元素<animate>...</animate>

attruibuteName 属性名
from 初始值
to 终值
dur 持续时间
repeatcount 重复次数
①可以填入具体的数值,例如2,就表示动画重复2次
②可以填入“indefinite”,表示无限循环

fill=" "
①remove 动画结束后保持在起始位置
②freeze 动画结束后保持在终止位置

圆形动画,圆的半径可以变化

<animate attributeName="r" values="50;70;90" keyTimes="0;0.2;1" dur="4s">
</animate>

values="50;70;90" 圆的半径 从50->70->90

格式
values="参数1;参数2;参数3......."
可以看出来可以定义动画的多个关键帧,而from 和to来只能定义参数的起始和结束。

keyTimes="0;0.2;1"
keytimes 在默认的状态下,第一个时间值为0,最后一个时间值为1。是values对应的时间分配比

意思就是,半径50->70动画分配 4x0.2=0.8s的时间,70->90,分配了4 x0.8=3.2s的时间。

零基础新人如何转行做新媒体运营?

...疫情之下,活的比原来更加好,发展更加快的新媒体运营行业、短视频直播行业迎来了井喷式大爆发。新媒体行业几乎可以说成为了当今时代企业发展必备的一个核心岗位,疫情让越来越多的企业认识到了新媒 查看详情

新媒体运营容易犯哪些错误?这些一定要记住!

作为一个个刚刚入门的新手新媒体运营人员来说,可能刚开始进行工作的时候有很多技巧大家都不了解,总会触犯不必要的错误,今天特地整理了一些技巧分享给大家,希望可以帮助大家在工作中避免不必要的麻烦。  1、数... 查看详情

[新媒体运营]新媒体运营概述(代码片段)

1新媒体运营概述新媒体时代(NewMediaEra),如果你还不学点运营思维,你随时都有可能会被套路。就拿双十一来说,其实就是一场盛大的营销活动,如果你懂点运营思维,你就能明白其中的套路,你就能轻松地避开陷阱,淘到又便... 查看详情

新媒体运营工具都有哪些

...;4、轻松制作精美的公众号首图、文章配图等设计,新媒体小编必备。N0.2文图文图功能:数据可视化、数据报告制作专家、一键分享报告文图,是一个简单易用的数据可视化系统,用户可以轻松地在线编辑文字与数据、即时生... 查看详情

容联发布“botv5”认知+运营构建企业智能交互中心

...今,越来越多的企业开始借助AI技术来优化自身业务,全媒体智能交互中心便是其中最主流的应用场景之一。全媒体智能交互中心融合全媒体的统一标准服务体验,可以帮助企业提供更智能、更人性化的服务,提升服务能力、降... 查看详情

自媒体创作辅助工具都有哪些?除了新榜、易撰、新媒体管家等工具,还都有哪些?

本人目前全职从事自媒体创作,主要收益来源于自媒体平台文章的广告收益,一个人大概运营了10几个账号,现在主要用易撰爆文系统来找素材、找热点之类的。也经常使用新榜查看行业最新动态和账号的情况。还有哪些辅助软... 查看详情

新媒体运营和文案技巧

...大家最长说的一句话就是内容为王,链接为皇。在如今新媒体(我也叫它快媒体)背景下,内容依然为王,链接就得变为渠道了。什么是新媒体,广泛的理解除去传统媒体都是新媒体。新媒体的目的是获取客户,本质是开发新渠... 查看详情

新媒体运营和新媒体编辑有什么区别?哪个更有发展?

新媒体,在移动互联网时代是非常受欢迎的,也是备受关注的区域。随着新媒体的盛行,催生了很多新的工作岗位,比如说新媒体运营、新媒体编辑。这两个岗位看似相似,但是之间有很大的不同,那么新媒体运营和新媒体编辑... 查看详情

做新媒体运营,需要掌握的六点技巧!

当我们进行新媒体运营的时候,最重要的核心就是内容。打动用户的内容,可以引发大家共鸣,抓住用户眼光,所以所想要做好新媒体运营,一定要从内容出发。今天就为大家讲解一下,怎么进行新媒体运营?一定要记住。  1... 查看详情

做新媒体运营,需要掌握的六点技巧!

当我们进行新媒体运营的时候,最重要的核心就是内容。打动用户的内容,可以引发大家共鸣,抓住用户眼光,所以所想要做好新媒体运营,一定要从内容出发。今天就为大家讲解一下,怎么进行新媒体运营?一定要记住。  1... 查看详情

交互设计和新媒体设计的区别

  好些人搞混了交互设计和新媒体设计之间的区别。甚至于把交互设计和新媒体设计混为一谈。但是交互设计和新媒体设计其实是两个概念。交互设计和新媒体设计在艺术留学专业划分上,都被纳入新媒体动画设计方向,好多... 查看详情

究竟哪些人适合学习新媒体?学习后能干什么?

...现,也在众多岗位之中诞生了一个新兴的行业,那就是新媒体运营。新媒体运营是当下非常受欢迎的岗位,那么什么人适合学习新媒体?学习后可以做什么?跟着小编来看看吧。  哪些人适合学习新媒体?  有一定写作功底,有... 查看详情

新媒体运营,不懂这三点不叫干货

新媒体不再是一个崭新的名词,跟风也好,潮流也罢,已经让众多企业深深的意识到了新媒体营销的重要性,于是不管有没有谱总的先跟上新媒体的潮流。或许是时代的跟随,人人都在谈论新媒体,谈社会... 查看详情

新媒体运营写不出来文章怎么办?

我的闺蜜张佳目前在一家互联网公司从事新媒体运营工作,因为每天的工作量基本上都是固定的,所以张佳基本上不需要加班,这也算是一份比较稳定的工作。不过让张佳苦恼的是,作为一个新媒体运营工作者,自己每天都苦思... 查看详情

常用的自媒体工具有哪些?干货分享!

子曰:“工欲善其事,必先利其器。现如今进入自媒体行业的人越来越多,所以市面上也出现了大量针对自媒体运营的辅助工具。今天小编今天整理收集了市面上常用的自媒体工具和自媒体发布技巧,分享给大家,希望能够帮助... 查看详情

新媒体运营(代码片段)

新媒体运营,是通过现代化移动互联网手段,通过利用微信、微博、贴吧等新兴媒体平台工具进行产品宣传、推广、产品营销的一系列运营手段。通过策划品牌相关的优质、高度传播性的内容和线上活动,向客户广泛或者精准推... 查看详情

老板们是怎么看“新媒体运营”?

老板们是怎么看“新媒体运营”? 1.土老板是怎么看的? 1)哦那个啊太高端呵呵呵; 2)哦你说说(无后文); 3)我自己做的很好啊,现在关注人数已经300多了你看!     2.“时髦”老板是怎... 查看详情

新媒体运营,不懂这三点不叫干货

新媒体不再是一个崭新的名词,跟风也好,潮流也罢,已经让众多企业深深的意识到了新媒体营销的重要性,于是不管有没有谱总的先跟上新媒体的潮流。或许是时代的跟随,人人都在谈论新媒体,谈社会... 查看详情