svg速查表 关注热度:2

元素 说明 属性 a 创建一个SVG元素周围链接 xlink:show xlink:actuate xlink:href target altGlyph 允许对象性文字进行控制，来呈现特殊的字符数据 x y dx dy rotate glyphRef format xlink:href altGlyphDef 定义一系..[详情]

vue的js中如何使用event.stopPropagation() 和event.preventDefault() 关注热度:240

vue的js中如何使用event.stopPropagation() 和event.preventDefault() 1.event.stopPropagation()方法 这是阻止事件的冒泡方法，不让事件向document上蔓延，但是默认事件任然会执行，当你掉用这个方法的时..[详情]

5分钟看懂svg path 路径的所有命令 关注热度:328

5分钟看懂svg path 路径的所有命令 M = moveto M x y 移动到指定坐标，xy分别为x轴和y轴的坐标点，类似画笔的起点。 path中的起点，必须存在（文档中虽然没有提到过，但是path的其他命令都..[详情]

SVG基础以及使用Javascript DOM操作SVG 关注热度:360

SVG 不依赖分辨率 支持事件处理器 最适合带有大型渲染区域的应用程序（比如谷歌地图） 复杂度高会减慢渲染速度（任何过度使用 DOM 的应用都不快） 不适合游戏应用 Canvas 依赖分辨率..[详情]

SVG多分辨率、自适应缩放解决方案 关注热度:763

SVG多分辨率、自适应缩放解决方案 SVG格式本身就是矢量图形格式，可以随意缩放。但是如果如果整个画面都是通过SVG进行搭建，同一个SVG图形嵌入在HTML中，要同时满足多个分辨率屏幕..[详情]

svg中stroke-dashoffset绘制好看的炫酷按钮 关注热度:792

源码： !DOCTYPEhtmlhtmllang=enheadmetacharset=UTF-8titleTitle/titlestyletype=text/css#shape{stroke-width:6px;fill:transparent;stroke:#009FFD;stroke-dasharray:120400;stroke-dashoffset:-210;transition:1sallease}svg:hover#shape{stroke-dasha..[详情]

svg的stroke属性描边属性详解 关注热度:398

svg的stroke属性描边属性详解 1、stroke 定义一条线，文本或元素轮廓颜色 2、stroke-width 定义一条线，文本或元素轮廓厚度 3、stroke-linecap 描边端点表现形式 svggfill=nonestroke=blackstroke-width=1..[详情]

SVG 线条动画入门 关注热度:454

SVG 线条动画入门 通常我们说的 Web 动画，包含了三大类。 CSS3动画 javascript动画（canvas） html动画（SVG） 个人认为 3 种动画各有优劣，实际应用中根据掌握情况作出取舍，本文讨论的是..[详情]

SVG 实现复杂线条动画 利用ps+ai导出svg路径 关注热度:1179

SVG 实现复杂线条动画 利用ps+ai导出svg路径 当然，事物都是朝着熵增焓减的方向发展的，复杂线条也肯定比有序线条要多。 很多时候，我们无法人工去画出一些十分复杂动画的线条，这..[详情]

结合css3中animate动画绘制svg路径动画 关注热度:305

结合css3中animate动画绘制svg路径动画 效果： 源码： !DOCTYPEhtmlhtmllang=enheadmetacharset=UTF-8titleTitle/titlemetaname=viewportcontent=width=device-width,minimum-scale=1.0,maximum-scale=1.0/stylesvg{fill:none;stroke-dashar..[详情]

Vivus.js动画svg动画学习 关注热度:326

Vivus.js动画svg动画学习 代码演示: varsynthD=newVivus(synth-dynamic,{ file:vivus-git/synth.svg, type:oneByOne, duration:200, start:manual, animTimingFunction:Vivus.EASE_OUT_BOUNCE});synth-dynamic：SVG的ID或加载外部SVG文件的..[详情]