HTML5在线教程

  • svg reference

    ... quot;Reference to a <text> element" <use> Uses a URI to reference a <g>, <svg> or other graphical element with a unique id attribute and replicate it. The copy is only a reference to the original ...

  • svg why exist

    ... 服务器gzip压缩选项后(即对某些类型的媒体文件在传输时进行压缩),svg图像尺寸能被大幅度缩小。 SVG和Flash 在课程前言中我们已经解释过,由于Flash技术在移动端退出市场,Flash ... SVG文件 我们可以使用浏览器来查看SVG图像,IE9+、火狐Firefox、谷歌Chrome、Opera和Safari都支持SVG。 IE8和早期版本则可能需要安装一个插件 - 如Adobe SVG Viewer,这是免费提供的。 创建SVG文件 由于SVG是XML文件,SVG图 ...

  • svg example

    ... SVG DTD。该 DTD 位于 “http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd”。该 DTD 位于 W3C,含有所有允许的 SVG 元素。 SVG 代码以 <svg> 元素开始,包括开启标签 <svg> 和关闭标签 </svg> 。这是根元素。 width 和 height 属性可设置此 SVG ... 为红色。 关闭标签的作用是关闭 SVG 元素和文档本身。 DTD(Document Type ...

  • svg feoffset

    ... 使用投射偏移结合模糊特性来实现阴影特效 SVG <feOffset> SVG的投影效果和CSS3的drop-shadow属性类似。 实例代码1 - 简单投影 代码解释 上述代码定义了1个矩形(rect)元素和2个滤镜元素feOffset和feBlend rect元素通过id ...

  • svg inhtml

    ... cx="50" cy="50" r="40" stroke="green" stroke-width="4" fill="yellow" /> Sorry, your browser does not support inline SVG. </svg> </body> </html> 和前面的独立SVG文件相比,内置在HTML5文档中可以忽略文档DTD、SVG版本、命名空间等信息,语法变得很简练。 上面的例 ...

  • svg stroking

    ... 也就是线条两端的外观。 可取值为:butt | round | square | inherit 代码示例如下: 上述代码中使用了svg的框架元素如<g>、内置样式以及内部引用(xlink:href),我们可以暂时不关心。后面会详 ... +线段5+空白5+线段5+空白10,如此反复,绘制出整条虚线。 前述章节,我们讲解了SVG的基本概念、技术特点和基本形状元素的使用。 到此为止,本课程系列中的入 ...

  • svg filters_intro

    ... 支持动画特性,但我们推荐使用CSS3的动画,所以这里不做讲解。 SVG 过滤器元素 SVG过滤器(也称为滤镜)用来给SVG图形添加特效,和PS软件中的滤镜效果类似。SVG中可用的过滤器元素包括: <feBlend> - 图片混合 <feColorMatrix> - 颜色变换 <feComponentTransfer> <feComposite> - 图片合成 <feConvolveMatrix ...

  • svg text

    ... 的Y坐标。缺省值为0。 fill="" 用来指明文本的填充颜色。 transform 用来定义SVG的基本变换,后续进阶课程里将集中描述。这里定义了一个简单的文本旋转。 例子2 - 多 ... 元素可以定义自己独特的格式和位置。 代码如下: 例子3 - 链接文本 和HTML文档类似,SVG中也可以使用链接元素,和文本结合构成跳转链接文本。 代码如下: ...

  • svg grad_linear

    ... 的平滑过渡,SVG支持单个元素使用多个渐变。渐变方式有两种:线性和径向。 SVG 线性渐变 - linearGradient <linearGradient> 元素用来定义一个线性渐变。 <linearGradient> 元素必须被包含在一个 <defs> 标签中。如前面 ... 分别实现不同角度(水平和垂直是特殊的角度,分别为0°和90°)的渐变。 自己试试 » Next → SVG ...

  • svg rect

    ... SVG 形状(Shapes) 就像画板应用一样,SVG为开发者提供了一些预定义的形状元素,以便于快速应用: 方形 <rect> 圆形 <circle> 椭圆 ... 后续章节我们将逐个介绍这些图形元素,先从方形及其一些变体开始。 由于SVG代码可读性较高,我们就使用实例代码结合代码解释的方式来学习。 SVG 矩形 rect 标签用来创建矩形元素。 例子1 - 长方形 ...

推广服务(新)
最新文章
  • OpenGL/WebGL顶点坐标变换过程简介

    世界坐标是按照笛卡尔坐标系定义出来的绝对坐标系,下面的各种坐标系都建立在世界坐标的基础上。对象坐标系对象被应用于任何...

  • 增强现实引擎ARToolKit工作原理简介

    ARToolkit是一个基于CV(计算机视觉)和Marker(标识)的开源增强现实引擎。其具备如下功能特性:A. 鲁棒跟踪,包括基于标记的跟踪与基于特征的跟踪;

  • 常用光照类型基本概念工作原理及其计算公式

    在三维场景中,原理上物体的渲染效果取决于光照与物体表面的相互作用,对于渲染程序而言,可以通过把一些数学公式应用于像素着色来实现,从而模拟出真实生活中的...

  • 3D场景中多相机拍摄的原理和意义

    一般而言,3D场景的渲染只需要一个相机,不过借助多相机可以获取一些单相机无法达到的特效。比如突显特定对象并模糊背景。
    3D相机渲染的基本原理是依靠颜色...

  • ARCore基本概念和工作原理简介

    谷歌的WebAROnARCore项目基于Android手机提供的ARCore增强现实引擎,要了解WebAROnARCore,需要先了解ARCore的工作原理。基本上ARCore做了两件事,首先跟踪手机...

  • 更多...