-
获取位置查看全部
-
Canvas绘图详解 9-5 Canvas图形库查看全部
-
Canvas绘图详解 9-4 Canvas与IE6、7、8等浏览器的兼容性问题 explorecanvas查看全部
-
Canvas绘图详解 9-3 扩展Canvas的context 向context中添加自己设置的绘制函数(重看) 覆盖原有的Canvas API方法查看全部
-
Canvas绘图详解 9-2 Canvas标准一直在更新 context.ellipse( 400 , 400 , 300 , 200 , 0(rotate) , 0 , Math.PI*2 )查看全部
-
Canvas绘图详解 9-1在Canvas中使用其他HTML元素 控制标签放在Canvas之后的原因 1.Canvas标签里面的内容用于设置当前浏览器不兼容Canvas标签的时候 2.Canvas标签默认的背景色是白色查看全部
-
Canvas绘图详解 8-5使用Canvas交互和isPointInPath context.clearRect(x,y,width,hieght) 对指定区域的矩形进行清空操作 context.isPointInPath(x,y) Canvas内置的点击检测函数,看传入的(x,y)坐标是否在当前所规划的路径内 获取坐标方法 var x = event.clientX - canvas.getBoundingClientRect().left; var y = event.clientY - canvas.getBoundingClientRect().top; 这里的getBoundingClientRect是js中的函数不是Canvas内置函数查看全部
-
Canvas绘图详解 8-5 路径方向和剪纸效果(重看)查看全部
-
Canvas 绘图详解 8-3 clip和剪辑区域 context.clip() 使用刚才绘制的路径把它剪切为当前的绘制环境查看全部
-
Canvas 绘图详解 8-2 globalAlpha和globalCompositeOperation(重看) globalCompositeOperation = ""查看全部
-
Canvas 绘图详解 8-2 globalAlpha和globalCompositeOperation(重看) globalAlpha = "设置使全局具有透明度的方式"查看全部
-
Canvas 绘图详解 8-1 阴影 context.shadowColor = "赋予shadowColor的颜色值和赋予fillStyle的颜色值是一样的,只要CSS可以接受的颜色值都可以赋予shadowColor,包括使用半透明设置的颜色" context.shadowOffsetX = "" context.shadowOffsetY = ""阴影的外移值 context.shadowBlur = "设置阴影模糊程度" 像阴影的绘制不需要为了绘制阴影而单独调用阴影绘制的一个函数而是只需设置这些状态值之后在具体进行绘制的时候阴影就被自动加上了查看全部
-
Canvas 绘图详解 7-5 小结:文字的渲染 文本的度量 context.measureText(string).width属性度量所绘制的文本在Canvas画布中的宽度的像素值 注意:在使用measureText前一定要对所绘制文本的Font属性进行绘制查看全部
-
Canvas 绘图详解 7-3 文本对齐(设置文本的水平垂直对齐方式) context.textAlign = left/center/right context.textBaseLine = top/middle/bottom/alphabetic(default)/ideographic/hanging 此时CANVAS在整个画布的正中心渲染出来查看全部
-
Canvas 绘图详解 7-5 小结:文字的渲染查看全部
举报
0/150
提交
取消