文章标签：SVG

找到 141 篇文档

Learn/HTML/Multimedia_and_embedding 在这份教程中，到目前为止我们已经看到了许多的文字了。真的很多文字。但是网页除了文本之外什么都没有，真的非常无聊，所以，让我们开始看看怎样让网页动起来。用更多有趣的内容！本模块要探索怎样用HTML ...
Mozilla_SVG_Project 因为你已经走到这么远，你可能知道SVG代表Scalable Vector ...
SVG_In_HTML_Introduction 该文章及其相关举例展示了如何使用内联的SVG给一个表单提供背景图片，它展示了如何按照编写常规XHTML代码相同的方式来通过 JavaScript 和 CSS ...
Web/API/Canvas_API/Drawing_DOM_objects_into_a_canvas 将 DOM 内容（如 HTML ）绘制到 canvas 中是可行的，尽管这不常见（出于安全原因）。这篇文章源自 Robert O'Callahan 的博客，讲述如何按照规范安全地实现这个功能。
Web/API/Element/setAttributeNS setAttributeNS 添加一个新属性或更改具有给定命名空间和名称的一个属性的值。
Web/API/SVGAElement SVGAElement 接口提供了对 a 元素的属性的访问，而且还提供了操作该元素的方法。
Web/API/SVGCircleElement SVGCircleElement 接口提供了对 circle 元素的属性的访问，而且还提供了操作该元素的方法。
Web/API/SVGPathElement SVGPathElement 接口对应于 path 元素。
Web/CSS/image-rendering image-rendering CSS 属性决定浏览器对缩放图像采取的缩放算法.它适用于元素本身和有其他属性的图像.它对非缩放图像没有影响。
Web/CSS/text-rendering text-rendering CSS 属性定义浏览器渲染引擎如何渲染字体。浏览器会在速度、清晰度、几何精度之间进行权衡。
Web/Guide/Graphics 现代网站和应用需要呈现大量图片。展示静态图片可以使用简单的HTML标签 img ，也可以采用CSS样式中的 background-image ...
Web/SVG 可缩放矢量图形（Scalable Vector Graphics，SVG) ，是一种用来描述二维矢量图形的 XML 标记语言。简单地说，SVG面向图形，HTML面向文本。
Web/SVG/Applying_SVG_effects_to_HTML_content 现代浏览器支持在 CSS 样式中使用 SVG 来对HTML内容应用图像效果。
Web/SVG/Attribute onbegin , onend , onload , onrepeat
Web/SVG/Attribute/accumulate 该属性控制了动画是否是累加的。
Web/SVG/Attribute/alignment-baseline alignment-baseline ...
Web/SVG/Attribute/attributeName 该属性标识了在一个动画动作环节中，父元素的需要被改变的属性名。
Web/SVG/Attribute/attributeType 该属性指定目标属性和它相对应的值处于哪个命名空间里。
Web/SVG/Attribute/baseline-shift 属性 baseline-shift 允许相对于父文本内容元素的 dominant-baseline 重定位 dominant-baseline 。该切换对象必须是一个下标或上标。
Web/SVG/Attribute/begin 这个属性定义了动画何时开始。
Web/SVG/Attribute/class 给一个元素设置一个或一组class名称，也可将同一class名称赋给多个元素。如果你如上所述给一个元素设置多个class名称，记得使用空格来分隔它们。
Web/SVG/Attribute/clip 属性clip的参数值与 css clip property 的参数值定义相同。指示当前用户坐标的无单位的值，可以用在 shape 的坐标值上。 auto ...
Web/SVG/Attribute/color color 属性用来为属性 fill 、属性 stroke 、属性 stop-color 、属性 flood-color 和属性 lighting-color 提供一个潜在的间接值（ ...
Web/SVG/Attribute/d 该属性定义了一个路径。
Web/SVG/Attribute/dur 该属性标识了动画的简单持续时间。
Web/SVG/Attribute/edgeMode edgeMode 属性确定了当核心位于输入图像的边缘或贴近输入图像的边缘时，如何取用颜色值用于扩展输入图像，从而可以应用矩阵操作。
Web/SVG/Attribute/end 这个属性定义了一个动画的结束值，可以约束激活持续时间。
Web/SVG/Attribute/fill fill 属性根据它的使用环境，拥有两个意义。
Web/SVG/Attribute/fill-opacity 该属性指定了填色的不透明度或当前对象的内容物的不透明度。
Web/SVG/Attribute/fill-rule fill-rule 属性是指，如何判断路径的哪一侧在路径所构成的形状的内部，从而判断 fill ...
Web/SVG/Attribute/filter 属性 filter 定义了由 filter 元素定义滤镜效果，该滤镜效果将应用到该元素上。
Web/SVG/Attribute/height 该属性在用户坐标系统中标识了一个垂直长度。该坐标的确切效果依赖于每个元素。大多数时候，它体现引用元素的矩形区域的高度（请阅读每个元素的文档以了解例外情况）。
Web/SVG/Attribute/image-rendering image-rendering 属性向浏览器提供了一个提示，即在图片处理时，如何进行速度 vs 质量之间的权衡。作为一个显示属性，它也可以在 CSS 样式文件中作为属性而存在，请参考 css ...
Web/SVG/Attribute/mask mask 属性绑定的元素将应用给定的 mask 元素。
Web/SVG/Attribute/opacity opacity属性指定了一个对象或一组对象的透明度，也就是说，元素后面的背景的透过率。
Web/SVG/Attribute/points points 属性定义了用来画一个 polyline 元素或画一个SVGElement("polygon") }}元素的点的数列。
Web/SVG/Attribute/radius radius 属性代表了一个给定 feMorphology 滤镜上的操作。如果提供了两个 number ...
Web/SVG/Attribute/result 属性 result 定义了滤镜的分配名。如果提供了它，则经过滤镜处理的结果即图形可以再次滤镜处理，在后继滤镜（即另一个 filter 元素）上通过一个 in 属性引用之前的结果。如果没有提供 ...
Web/SVG/Attribute/scale 属性 scale 定义了用在 feDisplacementMap 滤镜上的置换缩放因子。它的总值表达在 filter 元素的属性 primitiveUnits 确定的坐标系统中。
Web/SVG/Attribute/seed seed 属性代表了 feTurbulence 元素生成的伪随机数的开始数字。
Web/SVG/Attribute/shape-rendering 指定SVG元素 path 的渲染模式。
Web/SVG/Attribute/stroke stroke 属性定义了给定图形元素的外轮廓的颜色。它的默认值是 none 。
Web/SVG/Attribute/stroke-dasharray 属性 stroke-dasharray可控制用来描边的点划线的图案范式。
Web/SVG/Attribute/stroke-dashoffset stroke-dashoffset 属性指定了dash模式到路径开始的距离
Web/SVG/Attribute/stroke-linecap stroke-linecap 属性制定了，在开放子路径被设置描边的情况下，用于开放自路径两端的形状。
Web/SVG/Attribute/stroke-miterlimit 如果两条线交汇在一起形成一个尖角，而且属性 stroke-linejoin 指定了 miter ，斜接有可能扩展到远远超过出路径轮廓线的线宽。属性 ...
Web/SVG/Attribute/stroke-opacity stroke-opacity 属性指定了当前对象的轮廓的不透明度。它的默认值是 1 。
Web/SVG/Attribute/stroke-width stroke-width 属性指定了当前对象的轮廓的宽度。它的默认值是 1 。如果使用了一个percentage，这个值代表当前视口的百分比。如果使用了 0 值，则将不绘制轮廓。
Web/SVG/Attribute/visibility visibility 属性让你能够控制一个图形元素的可见性。用了值 hidden 或者值 collapse ，当前的图形元素将不可见。
Web/SVG/Attribute/width 该属性在用户坐标系统中标识了一个水平长度。该坐标的确切效果依赖于每个元素。大多数时候，它体现引用元素的矩形区域的宽度（请阅读每个元素的文档以了解例外情况）。
Web/SVG/Attribute/x 该属性在用户坐标系统中标识了一个x轴坐标。本坐标的确切效果依赖于每个元素。大多数时候，它体现了引用元素的矩形区域的左上角的x轴坐标（请阅读每个元素的文档以了解例外情况）。
Web/SVG/Attribute/y 该属性在用户坐标系统中标识了一个y轴坐标。本坐标的确切效果依赖于每个元素。大多数时候，它体现了引用元素的矩形区域的左上角的y轴坐标（请阅读每个元素的文档以了解例外情况）。
Web/SVG/Content_type
Web/SVG/Element animate , animateColor , animateMotion , animateTransform , set
Web/SVG/Element/a 使用 SVG 的锚元素 (a) 定义一个超链接。
Web/SVG/Element/altGlyph altGlyph 元素允许符号的复杂选区，用来呈现它的子字符数据。
Web/SVG/Element/altGlyphDef altGlyphDef 元素定义了一个表达字形的替代物。
Web/SVG/Element/altGlyphItem altGlyphItem 元素利用 altGlyph 元素提供了一组候选符号替换。
Web/SVG/Element/animate 动画元素放在形状元素的内部，用来定义一个元素的某个属性如何踩着时点改变。在指定持续时间里，属性从开始值变成结束值。
Web/SVG/Element/animateColor animateColor SVG元素指定了一个颜色随着时间的变换。
Web/SVG/Element/animateMotion animateMotion 元素导致引用的元素沿着运动路径移动。
Web/SVG/Element/animateTransform animateTransform 元素变动了目标元素上的一个变形属性，从而允许动画控制转换、缩放、旋转或斜切。
Web/SVG/Element/circle circle SVG 元素是一个SVG的基本形状，用来创建圆,基于一个圆心和一个半径。
Web/SVG/Element/clipPath 剪切路径用于指定可绘制区域。从概念上来说，当绘制的图形超出了剪切路径所指定的区域，超出区域的部分将不会被绘制。
Web/SVG/Element/color-profile 该元素允许描述用于图像的颜色配置文件。
Web/SVG/Element/cursor cursor 元素可以用来定义独立于平台的自定义指针。要想定义独立于平台的指针，建议先创建一个PNG图象，然后定义一个引用该PNG图像的 cursor ...
Web/SVG/Element/defs SVG 允许我们定义以后需要重复使用的图形元素。建议把所有需要再次使用的引用元素定义在 defs 元素里面。这样做可以增加SVG内容的易读性和可访问性。在 defs ...
Web/SVG/Element/desc SVG绘画中的每个容器元素或图形元素都可以提供一个 desc ...
Web/SVG/Element/ellipse ellipse 元素是一个SVG基本形状，用来创建一个椭圆，基于一个中心坐标以及它们的 x 半径和 y 半径。
Web/SVG/Element/feBlend feBlend 滤镜把两个对象组合在一起，使它们受特定的混合模式控制。这类似于图像编辑软件中混合两个图层。该模式由属性 mode 定义。
Web/SVG/Element/feColorMatrix 该滤镜基于转换矩阵对颜色进行变换。每一像素的颜色值(一个表示为[红,绿,蓝,透明度] 的矢量) 都经过矩阵乘法 (matrix multiplated ) 计算出的新颜色。
Web/SVG/Element/feComponentTransfer feComponentTransfer SVG 滤镜基元对每个像素执行颜色分量的数据重映射.它允许进行像亮度调整,对比度调整,色彩平衡或阈值的操作.
Web/SVG/Element/feComposite 该滤镜执行两个输入图像的智能像素组合，在图像空间中使用以下Porter-Duff合成操作之一：over、in、atop、xor。另外，还可以应用一个智能组件 ...
Web/SVG/Element/feConvolveMatrix feConvolveMatrix 元素应用了一个矩阵卷积滤镜效果。一个卷积在输入图像中把像素与邻近像素组合起来制作出结果图像。通过卷积可以实现各种成像操作，包括模糊、边缘检测、锐化、压花和斜角。
Web/SVG/Element/feDiffuseLighting 滤镜光照一个图像，使用alpha通道作为隆起映射。结果图像，是一个RGBA不透明图像，取决于光的颜色、光的位置以及输入隆起映射的表面几何形状。
Web/SVG/Element/feDisplacementMap 映射置换滤镜，该滤镜用来自图像中从 in2 到空间的像素值置换图像从 in 到空间的像素值。
Web/SVG/Element/feDistantLight 该滤镜定义了一个距离光源，可以用在灯光滤镜 feDiffuseLighting 元素或 feSpecularLighting 元素的内部。
Web/SVG/Element/feFlood 该滤镜用 flood-color 元素定义的颜色和 flood-opacity 元素定义的不透明度填充了滤镜子区域。
Web/SVG/Element/feFuncA 该滤镜为它的父 feComponentTransfer 元素的输入图形的alpha成分定义了变换函数。
Web/SVG/Element/feFuncB 该滤镜为它的父 feComponentTransfer 元素的输入图形的蓝色成分定义了变换函数。
Web/SVG/Element/feFuncG 该滤镜为它的父 feComponentTransfer 元素的输入图形的绿色成分定义了变换函数。
Web/SVG/Element/feFuncR 该滤镜为它的父 feComponentTransfer 元素的输入图形的红色成分定义了变换函数。
Web/SVG/Element/feGaussianBlur 该滤镜对输入图像进行高斯模糊，属性 stdDeviation 中指定的数量定义了钟形。
Web/SVG/Element/feImage feImage滤镜从外部来源取得图像数据，并提供像素数据作为输出（意味着如果外部来源是一个SVG图像，这个图像将被栅格化。）
Web/SVG/Element/feMerge feMerge 滤镜允许同时应用滤镜效果而不是按顺序应用滤镜效果。利用 result 存储别的滤镜的输出可以实现这一点，然后在一个 feMergeNode 子元素中访问它。
Web/SVG/Element/feMergeNode feMergeNode元素拿另一个滤镜的结果，让它的父 feMerge 元素处理。
Web/SVG/Element/feMorphology 该滤镜用来侵蚀或扩张输入的图像。它在增肥或瘦身效果方面特别有用。
Web/SVG/Element/feOffset 该输入图像作为一个整体，在属性 dx 和属性 dy 的值指定了它的偏移量。
Web/SVG/Element/fePointLight 该元素实现了 SVGFEPointLightElement 接口。
Web/SVG/Element/feSpecularLighting 该滤镜照亮一个源图形，使用alpha通道作为隆起映射。该结果图像是一个基于光色的RGBA图象。该光照计算遵守标准冯氏照明模式 ...
Web/SVG/Element/feSpotLight feSpotLight 元素是一种光源元素，用于SVG文件。
Web/SVG/Element/feTile 输入图像是平铺的，结果用来填充目标。它的效果近似于一个 pattern 图案对象。
Web/SVG/Element/feTurbulence 该滤镜利用Perlin噪声函数创建了一个图像。它实现了人造纹理比如说云纹、大理石纹的合成。
Web/SVG/Element/filter filter 元素作用是作为原子滤镜操作的容器。它不能直接呈现。可以利用目标SVG元素上的 filter 属性引用一个滤镜。
Web/SVG/Element/font font 元素定义了一个用于文字布局的字体。
Web/SVG/Element/font-face-format font-face-format 元素描述了它的父 font-face-uri 元素引用的字体的类型。
Web/SVG/Element/font-face-name font-face-name 元素指向本地安装的字体副本，用字体名称识别。
Web/SVG/Element/font-face-src font-face-src 元素相当于CSS规范中的@font-face属性。它可以作为 font-face-name 元素的容器使用，指向本地安装的字体副本， font-face-uri ...
Web/SVG/Element/font-face-uri font-face-uri 元素指向远程字义的当前字体。
Web/SVG/Element/foreignObject foreignObject 元素允许包含外来的XML命名空间，其图形内容是别的用户代事绘制的。这个被包含的外来图形内容服从SVG变形和合成。