![](https://img-blog.csdnimg.cn/20201014180756724.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
html
文章平均质量分 74
晴空闲雲
有温度的软件工程师。
展开
-
svg中viewbox图解分析
svg中有一个viewbox属性,中文翻译为视区,就是在svg上截取一小块,放大到整个svg显示。这个属性初学的话有点难以理解,这边做一个简单的示例,一看就明白了。**1)**先来一个svg,宽高各位300,设置一下边框:<svg width="300" height="300" style="border: 1px solid steelblue"></svg>运行效果:这边其实就是一个300*300的矩形。**2)**svg里面画一个矩形:<svg wi原创 2021-10-18 08:11:35 · 445 阅读 · 0 评论 -
svg中path贝塞尔曲线和圆弧图文详解
最近研究了一下svg的path标签,功能非常强大,理论上来讲path标签可以画出任意图形。自己记性不太好,记录一下path的使用语法和自己的理解。path介绍path用d属性来描述路径,语法格式大概如下:<svg> <path d="路径描述" /></svg>其中路径描述包含如下命令:M = moveto 移动到某点。L = lineto 画一条直线到某点。H = horizontal lineto 画一条水平线到某点。V = vertical l原创 2021-10-15 00:08:51 · 7962 阅读 · 0 评论 -
svg用animate实现简单动画效果
svg中可以使用animate标签实现动画效果。就是在相应的形状标签内加入animate标签,其中若干属性如下:attributeName 目标属性名称from 起始值to 结束值dur 持续时间repeatCount 次数|indefinite,动画时间将发生几次,indefinite表示无限次。一个简单示例效果,颜色在3秒内从steelblue渐变到pink:<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="原创 2021-10-13 21:19:05 · 1907 阅读 · 0 评论 -
svg绘制六种基本形状
svg 意为可缩放矢量图形(Scalable Vector Graphics),最大的特点就是伸缩不会失真。svg是用xml进行描述的,在前端方面现在应用越来越广泛,各大浏览器支持越来越好了。原创 2021-10-12 22:05:02 · 1807 阅读 · 0 评论 -
网页引入svg图片的4种方式
web应用开发使用svg图片,总结了下,可以有如下4种方式: 1. 直接插入页面。 2. img标签引入。 3. css引入。 4. object标签引入。原创 2021-10-11 20:27:28 · 38924 阅读 · 0 评论 -
IE6下页面gif图片停止播放的问题
今天做微博表情图片,发现在IE6下,gif下图片有时会出现停播情。仔细研究了下,发现是在作怪。在IE6中,点击a标签,onclick事件会先执行,其次是href下的动作,href执行后,默认会执行跳转动作(尽管href属性不一定是一个地址),于是页面中的加载就停止了,gif图片就停止播放了。这个应该是IE6底层机制的bug。解决办法:就是在onclick事件后加上retur原创 2011-07-08 15:22:18 · 4457 阅读 · 0 评论