发 送

在线教程

  • html syntax

    ... 第一段HTML代码注释 --> <p>Hello World!</p> Hello World! 自关闭（Self-enclosing）元素 有些元素如图片（img）、换行符（br）、输入框（input）只有开始标签，被称之为自关闭的元素： <br> <!-- line-break --> <img src="//placehold.it/50x50" alt="Description" ...

  • svg path

    ... 不同之处在于，路径可以是直线也可以曲线，因此使用路径可以构造更为复杂的几何图形。 我们可以把路径看成是手工绘图的笔迹，可以用点的集合和绘制方式（如线段或圆弧）来描述。 path 标签 path 标签用来创建一条路径，路径元素的基本属性是路径数据，用 d='path data' 语法来定义。路径 ...

  • css gradients

    ... blue); width: 150px;} <div>带20度倾斜的对角线渐变</div> 带20度倾斜的对角线渐变 我们用一张图片来解释上面的代码，一目了然： 添加更多的颜色 你可以添加任意多的颜色，它们将被均匀分配在渐变轴线上： ... 比较，悬停变远角。</div> 远近角终点渐变效果比较，悬停变远角。 上例中起点为(20px,20px)坐标位置，最近角为左上角(0,0)位置，最远边为右边。使用角时，会产生类似对角线渐变效果，而使用边时 ...

  • svg text

    ... 中的文本由于是独立对象存在，要灵活得多，可以实现更多的图文交互效果，而且可以被搜索引擎所索引。 不过SVG文本不能自动换行，不适合用来描述大段动态文本，这是一个缺点。 text 标签 text 标签用来创建SVG文本元素。 例子1 - 简单文本和变换 代码如下： 代码解释如下： x="" 指明文字 ...

  • html canvas text

    ... p元素）创建文本相比，使用Canvas绘制文本通常并不是好方法，原因如下： Canvas中的文本是以图像形式绘制的，这意味着它无法像HTML文档中的普通文字一样用鼠标指针选取——它实际上不是文本，只是像文本而已。一旦文字绘制之后，它就无法编辑，除非 ... 先擦除文字，再重新绘制。在Canvas中绘制文本的好处是你可以利用Canvas支持的强大转换和其他绘图功能。然而，除非你有充分理 ...

  • html canvas transformimage

    ... 执行的操作就是在4个不同位置绘制同一个图像，每一个都具有不同的缩放因子。 缩放本身是通过源尺寸和目标尺寸的不同来完成的。如果使用负数缩放因子，还会使图像发生镜像映射的翻转效果。 一定要记住，当图像翻转时，原点会转到图像右边，所以你必须移动原点进行补偿，以 ...

  • html images

    ... Web中使用的图片格式主要有： .jpg, .gif (通常是动画图片), .png (通常是透明背景的图片), .bmp（位图），.svg（矢量图）等。 语法 图片 使用 <img> 元素，这是一个自关闭（self-closing） 元素（只有一个开始标签）。 src 属性定义图片的位置。 ... 面的章节会讲解到。 #块还是内联？ 我们可能会有疑问，图片拥有宽高属性，记得我们在前面的章节说过内联元素一般不能设置宽高属性，那么图片究竟是内联还是块元素呢？答案是内联。 这是因为 < ...

  • svg basics

    ... SVG之前，Web工程师只能使用位图点阵的方式来存储图像，而位图通常尺寸较大，不便于网络传输。 SVG全称为Scalable Vector Graphics，即可伸缩矢量图形。 SVG是一种面向网络的、基于XML的标记语言，用来描述二维矢量图形。 在学习SVG之前，你需要先简单了解基本的XML语法和矢量图概念，这超出了本课程的范 ...

  • svg polygon

    ... ，points 属性定义了多边形的各个顶点的位置 每个顶点的位置以 x,y 坐标的格式定义，点与点之间以空格隔开 例子2 - 五角星 顾名思义，五角星需要使用5个顶点数据，然后5个顶点相隔互连而成，几何绘制方法如下图所示： 代码如下： 例子3 - 空心五角星 把填充规则fill-rule修改为evenodd，代 ...

  • html canvas erase

    ... 住，弧形的原点是它的中心，所以为了获得clearRect方法所需要的正确原点，我们需要用原点的x和y坐标减去它的半径。 Canvas中的对象是可以被部分擦除的，虽然你可能并不需要这样做： context.fillRect(40 ... ？（记住：之前设置了fillStyle属性。）那么，为什么它实际上绘制出了一个黑色正方形呢（图2）？ 重新设置画布宽高 重新设置宽度，高度技巧的缺点是，它会完全重置Canvas上的 ...

推广服务（新）
最新文章