当前位置:首页 - 第6页

02月10日

HTML5中文件的保存

发布 : admin | 分类 : HTML | 评论 : 0人 | 浏览 : 406次
HTML5中文件的保存

save和restore方法是用来保存和恢复canvas状态的,都没有参数。分别保存和恢复图形上下文的当前绘画状态。这里的绘画状态指的前文所讲的坐标原点、变形前的变化矩阵,以及图形上下文对象的当前属性值等内容。在需要保存和恢复当前状态时,首先调用sava方法把当前状态保存到栈中,在完成设置的操作后,再调用restore方法从栈中取出之前保存的图形上下文的状态

02月10日

HTML5中canvas文字绘制

发布 : admin | 分类 : HTML | 评论 : 0人 | 浏览 : 447次
HTML5中canvas文字绘制

绘制文字时可以使用fillText方法或strokeText方法。ØfillText方法用填充方式绘制字符串,该方法的定义如下所示。voidfillText(text,x,y,[maxWidth]);该方法接受四个参数,第一个参数text表示要绘制的文字,第二个参数x表示绘制文字的起点横坐标,第三个参数y表示绘制文字的起点纵坐标,第四个参数maxWidth

02月09日

HTML5中canvas应用图形小结

发布 : admin | 分类 : HTML | 评论 : 0人 | 浏览 : 441次
HTML5中canvas应用图形小结

1.绘制图像绘制图像时,需要使用drawImage方法,该方法的定义如下所示。•drawImage(image,x,y)•drawImage(image,x,y,width,height) •drawImage(image,sx,sy,sWidth,sHeight,dx,dy,dWidth,dHeight) •

02月09日

HTML中组合多个图形

发布 : admin | 分类 : HTML | 评论 : 0人 | 浏览 : 363次
HTML中组合多个图形

在HTML5中,只要用图形上下文对象的globalCompositeOperation属性就能决定图形的组合方式,使用方法如下:context.globalCompositeOperation=typetype必须是下面的几种字符串之一。source-over:默认设置,表示新图形会覆盖原有图形之上。destination-over:会在原有图形下绘制新图形

02月09日

HTML5中给图形绘制阴影

发布 : admin | 分类 : HTML | 评论 : 0人 | 浏览 : 402次
HTML5中给图形绘制阴影

在HTML5中,使用canvas元素可以给图形添加阴影效果。添加阴影效果时,只需利用图形上下文对象的几个关于阴影绘制的属性就可以了,如下所示:•shadowOffsetX——阴影的横向位移量 •shadowOffsetY——阴影的纵向位移量 •shadowBlur——阴影的模糊范围 •shadowColor——阴影的颜色s

02月09日

HTML5中页面跳转小小结

发布 : admin | 分类 : HTML | 评论 : 0人 | 浏览 : 364次
HTML5中页面跳转小小结

如何通过点击按钮,然后实现页面跳转呢?1.HTML方法代码如下:<inputtype="button"value="点击跳转"onclick="window.open('http://www.taiyangxiao.com','_self')">这样

02月09日

HTML5中绘制变形图形

发布 : admin | 分类 : HTML | 评论 : 0人 | 浏览 : 334次
HTML5中绘制变形图形

1.坐标的变换对坐标的变换处理,有如下三种方式。Ø平移移动图形的绘制主要是通过translate方法来实现的,该方法定义如下所示。context.translate(x,y);translate方法使用两个参数——x表示将坐标轴原点向左移动多少个单位,默认情况下为像素;y表示将坐标轴原点向下移动多少个单位。Ø缩放使用图形上下文对象的scale方法

02月09日

HTML5中绘制渐变图形

发布 : admin | 分类 : HTML | 评论 : 0人 | 浏览 : 336次
HTML5中绘制渐变图形

1.绘制线性渐变 渐变的概念:渐变是指在填充时从一种颜色慢慢过渡到另外一种的颜色。绘制线性渐变时,需要使用到LinearGradient对象。使用图像上下文对象的createLinearGradient方法创建该对象。该方法的定义如下所示。context.createLinearGradient(xStart,yStart,xEnd,yEnd)该方

02月08日

HTML5中 canvas 运用样式与颜色

发布 : admin | 分类 : HTML | 评论 : 0人 | 浏览 : 370次
HTML5中 canvas 运用样式与颜色

1.fillStyle和strokeStyle属性   如果想要给图形上色,有两个重要的属性可以做到:fillStyle和strokeStyle。这两个属性的定义方法如下所示。fillStyle=colorstrokeStyle=colorstrokeStyle是用于设置图形轮廓的颜色,而fillStyle用

02月08日

HTML5中贝塞尔和二次方曲线

发布 : admin | 分类 : HTML | 评论 : 0人 | 浏览 : 404次
HTML5中贝塞尔和二次方曲线

绘制贝塞尔曲线主要使用bezierCurveTo方法。该方法可以说是lineTo的曲线版,将从当前坐标点到指定坐标点中间的贝塞尔曲线追加到路径中。该方法的定义如下所示。bezierCurveTo(cp1x,cp1y,cp2x,cp2y,x,y)该方法使用六个参数。绘制贝塞尔曲线的时候,需要两个控制点,cp1x为第一个控制点的横坐标,cp1y为第一个

网站分类

最近发表

    标签列表

    最新留言

    我是公告

      感谢大家访问我的博客,如果大家喜欢我的内容,请友情支持一下,点击下面广告吧!

    皖ICP备16018029号|本站已安全运行了天| 信用认证 |

    博客大全 卢松松博客 中国博客联盟 boke112导航 米鱼博客

    快捷导航返回顶部

    分享:

    支付宝

    微信