
HTML5 Canvas:绘图状态和状态栈
<p>当我们在<a href="/Html5/">HTML5</a> canvas中使用2D上下文来绘制图形的时候,2D上下文会处于某种状态中。你可以通过操纵2D上下文的属性来设置这些状态,例如<code>fillStyle</code>属性和<code>strokeStyle</...
<p>当我们在<a href="/Html5/">HTML5</a> canvas中使用2D上下文来绘制图形的时候,2D上下文会处于某种状态中。你可以通过操纵2D上下文的属性来设置这些状态,例如<code>fillStyle</code>属性和<code>strokeStyle</...
<p>你可以对任何在<a href="/Html5/">HTML5</a> canvas中绘制的图形应用转换效果。下面是可以使用的转换列表:</p> <p><img src="http://static.51tbox.com/static/2024-11-23/col/d08973c...
随着技术向前的推进,SVG相关的讨论也越渐频繁。为了紧跟时代的步伐,我也开始步入SVG相关技术的探索与学习之中。从这篇文章开始会在W3cplus站点上陆续向大家推出有关于SVG相关的教程、译文或案例等。感兴趣的同学可以跟随着教程一起了解与学习SVG相关的知识与技巧。 ### 什么是SVG SVG是**"Scalable Vector Graphics"*...
上周看到有一篇关于[CSS滤镜效果函数](http://www.vanseodesign.com/css/named-filter-effects/)的文章,其中的效果函数相对来说比较容易理解,而且上手难度低。但是,这种方式仅仅是添加CSS滤镜效果众多方式中最弱的一种。今天让我们来看一看**滤镜基元**,这是为图片和元素添加滤镜效果另外一种更加强大的方法。 相较于效果函数,滤...
在我们前面所有[HTML5](/Html5/) canvas的例子中,图形的绘制都是一个图形位于另一个图形之上的。我们可以通过设置`globalCompositeOperation`属性来修改这个默认的行为。换句话来说,我们可以设置绘制的图形与已经绘制在canvas上的图形的合成模式。  Canvas渐变是一种用于填充或描边图形的颜色模式。渐变色是由不同的颜色进行过渡,而不是单一的颜色。先来看几个canvas渐变色的例子: </code>方法来获取绘制在HTML5 canvas中的内容。做法类似下面的示例代码:</p> <p><img src="http://static.51tbox.com/static/2024-11-23/col/a1c9f45081...
我们可以在HTML5 canvas上绘制绘制文字,并且可以设置文字的字体,大小和颜色。 绘制文字的字体由2D上下文的`font`属性来控制。如果你需要使用颜色来填充文字或制作描边文字,可以使用2D上下文的`fillStyle`和`strokeStyle`属性来完成。 ![61.png](http://static.51tbox.com/static/2024-11-23/c...