腾讯云开发者社区-腾讯云

开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

HTML5学堂

专栏作者

296

文章

547724

阅读量

70

订阅数

SVG互动排版 | 拍照展开长图

实现拍照效果的过程：默认显示的照片淡出——显示白色矩形区域——白色矩形区域淡出——显示拍照后的图片

2021-11-25

1K0

SVG - 创建SVG图片

SVG - 创建SVG图片 HTML5学堂：之前在绘图中使用到了SVG以及Canvas，因此决定最近将绘图类的知识和大家分享一下。从研究角度来说，SVG比Canvas要难很多。没有合适的中文文档，自己只能去翻译英文文档（唉，英语不好啊）。今天先来说说SVG的基本知识以及创建SVG的基本方法。 SVG是什么 W3C推荐的网页图形格式，类似于Flash，SVG是一种描述二维矢量图形的标记语言，但它是一种开发的以XML为基础的语言，不是一种私有语言。 SVG的支持程度 IE8-以及Android 2.3默认浏览器

2018-03-12

4K0

SVG - 基本的SVG属性

SVG - 基本的SVG属性 HTML5学堂：在前一篇文章当中，我们讲解了SVG的基本知识，并且为大家介绍了如何在html文件当中书写SVG代码。今天我们具体讲解SVG的基本属性，如何使用SVG完成线、圆等图形的绘制。 line - 直线拥有四中基本属性 x1 属性在 x 轴定义线条的开始 y1 属性在 y 轴定义线条的开始 x2 属性在 x 轴定义线条的结束 y2 属性在 y 轴定义线条的结束 demo <line x1 = "20" y1 = "20" x2 = "200" y2 = "180" st

2018-03-12

3.8K0

SVG - 动画制作

svg canvas html5 xml css

SVG - 动画制作 HTML5学堂：SVG - 动画制作。上一篇文章讲解了SVG的基本属性，大家能够利用SVG的基本属性进行绘制图像，那么如何让绘制好的图像动起来呢？今天要给大家分享的是SVG的动画制作，具体我们来看看下面的内容吧。接触过HTML5的人，都知道，Canvas实现一个动画，需要不断的清除画布再重新绘制，如果没有接触过Canvas也不要紧，SVG之后我们紧接着要为大家介绍的就是Canvas。SVG提供了比较方便的API接口，动画实现起来比较方便，具体看看下面的动画命令。 SVG 动画基本命

2018-03-12

3K0

没有更多了

社区活动

腾讯技术创作狂欢月

“码”上创作 21 天，分 10000 元奖品池！

Python精品学习库

代码在线跑，知识轻松学

博客搬家 | 分享价值百万资源包

自行/邀约他人一键搬运博客，速成社区影响力并领取好礼

技术创作特训营·精选知识专栏

往期视频·千货材料·成员作品最新动态