zxmeigood

摘要： 当用户选中复选框之后，应用程序则会重新绘制该图，将其放大，以符合canvas的尺寸。 1 2 3 Scaling Images 4 5 23 24 25 26 27 28 Scale image to canvas... 阅读全文

摘要： 像绘制图形时一样，在对文本进行填充及描边操作时，除了使用纯色，还可以使用图案及渐变色。如下图所示。下面的代码创建了线性渐变色对象及填充图案对象。在图顶部的那行文本之前，应用程序先将填充样式属性设置为刚创建好的那个渐变色对象，同理，在绘制底部的文本前，应用程序也会先将填充样式属性设置为刚创建好的填充图... 阅读全文

摘要： 几乎每个基于CANVAS的应用程序都要同文本打交道。某些应用程序仅仅是配置并显示文本而已，然而另外一些应用程序则会支持复杂的文本编辑。canvas元素只支持及少数的文本操作功能，在写作本书时，它尚未提供那些在很多基础的文本编辑器中都能找到的功能，例如文本选择、复制与粘贴，以及文本滚动等。不过，它也提... 阅读全文

摘要： html5的canvas是一种立即模式绘图系统。当想canvas之中绘制内容时，浏览器立刻就会将这些内容画到canvas之中，然后立刻忘掉刚才所画的东西。如果要实现的是一个绘画应用程序的话，那么立即模式绘图系统就很合适，不过，如果要实现的是那种可以让用户创建并操作绘图对象的画图应用程序，那么最好还是... 阅读全文

摘要： 现在，我们已经将CANVAS绘图环境对象所支持的全部基本图形都讲完了。它们包括：线段、矩形、圆弧、圆形以及贝塞尔曲线。但是，我们肯定需要在canvas之中绘制除此之外的其他图形，比方说，三角形、六边形和八边形。在本节中，你将会学到如下图所示的应用程序，对任意对变形进行描边及填充。使用moveTo()... 阅读全文

摘要： 我们知道二次方贝塞尔曲线，那些曲线都是二维的，意思就是说，它们都只能向一个方向弯曲。如果需要如图这样，能够向两个方向弯曲的曲线，那么你需要的就是三次贝塞尔曲线。该图所示应用程序使用bezierCurveTo()方法创建了一条代表三次方贝塞尔曲线的路径。该应用程序的代码列在了下面的程序清单中。这段代码... 阅读全文

摘要： 贝塞尔曲线（ezier curve）最迟是由法国物理学家与数学家paul de Casteljau发明的。它的广泛运用则要归功于法国工程师皮埃尔 贝塞尔贝塞尔曲线期初被用在汽车车身的设计上。现在则多用于计算机图形系统中。例如Adobe Illustrator/Apple的Cocoa框架以及在Html... 阅读全文

摘要： 除了arc()之外，Canvas的绘图环境对象还提供了另一个用于创建圆弧路径的方法，那就是arcTo()。改方法接受了5个参数：arcTo(x1,x2,y1,y2,radius)arcTo()方法的参数分别代表两个点击圆形半径。该方法一指定的半径来绘制一条圆弧，此圆弧与当前点到第一个点（x1,y1）... 阅读全文

摘要： ---恢复内容开始---圆弧，尤其是圆，通常被用做描绘一些实物。下图所示的应用程序用5个圆形实现了一个仪表盘。仪表盘的刻度代表了圆周上的角度值。用户可以通过它来交互式地旋转多边形物体。该应用程序使用了本章到目前为止所讲的很多技术。为了绘制这个仪表盘，该应用程序画了许多圆形与线段，使用了各种颜色及透明... 阅读全文

摘要： 阅读全文