04 2012 档案

摘要:欢迎来到前端攻城记。今天我们来看一下绘制图片。demo在此!HTML5中引入新的元素canvas,其drawImage 方法允许在 canvas 中插入其他图像( img 和 canvas 元素) 。drawImage函数有三种函数原型:语法:drawImage(image, dx, dy)drawImage(image, dx, dy, dw, dh)drawImage(image, sx, sy, sw, sh, dx, dy, dw, dh)*第一个参数image可以用HTMLImageElement,HTMLCanvasElement或者HTMLVideoElement作为参数。*dx 阅读全文
posted @ 2012-04-20 09:39 _北北 阅读(5885) 评论(0) 推荐(1) 编辑
摘要:让大家久等了,我们的渐变课程终于上演了,谢谢关注。http://qdgcs.co.cc依照惯例,先看Demo如果您学习过之前的Css属性有关渐变的两讲,你会觉得很亲切的,因为在html5里他们的名称是一样的。我们一起来看代码注释讲解线性渐变语法createLinearGradient(xStart,yStart,xEnd,yEnd);渐变起点横坐标:xStart,纵坐标:yStart;渐变终点横坐标:xEnd,纵坐标:yEnd;来给渐变加入至少2个的Stop点吧addColorStop(offset,color)offset为0到1的浮点值,来定义渐变偏移量color可支持16进制、rgb、r 阅读全文
posted @ 2012-04-10 10:18 _北北 阅读(835) 评论(0) 推荐(1) 编辑
摘要:好了,让各位久等了,我们来看一下如何通过Javascript绘制矩形,圆形,线这三种简单图形吧。先来看一下Dome演示首先我们来学习几个通用方法设置绘图fillStyle:[value];填充颜色,这个值可以是颜色的值,可以是16进制值,也可以是rgb或rgba色彩;strokeStyle:[value];线(边框)颜色,取值同上;lineWidth:[value];线宽度,是一个数值;fillRect:矩形填充方法;strokeRect:矩形画线方法。我们就用这些属性绘制一个新的矩形吧。[javascript]//得到画布上下文,上节已讲,在此不多说function draw() {canv 阅读全文
posted @ 2012-04-07 11:32 _北北 阅读(7632) 评论(0) 推荐(1) 编辑

点击右上角即可分享
微信分享提示