-
Canvas 绘图详解 7-1 文字渲染基础 [maxLen]描述绘制的这一行文字所可以使用的最长宽度查看全部
-
Canvas 绘图详解 7-1 文字渲染基础 [maxLen]描述绘制的这一行文字所可以使用的最长宽度查看全部
-
Canvas绘图详解 6-4 bezierCurveTo()三次贝塞尔曲线 context.moveTo(x0,y0); context.bezierCurveTo( x1,y1,x2,y2,x3,y3 )查看全部
-
Canvas绘图详解 6-4 quadraticCurveTo()二次贝塞尔曲线查看全部
-
Canvas 绘图详解 6-2 arcTo()另一种弧线绘制方法 例子 此时圆弧的半径超出了两条线段的长度，将从(x0,y0)向回反方向找到切点的位置，此时这个圆弧的终点也不再(x1,y1)(x2,y2)所在的这条直线上，而是在这条直线的延长线上查看全部
-
Canvas 绘图详解 6-2 arcTo()另一种弧线绘制方法 arcTo函数将从(x0,y0)开始绘制之后绘制一条弧线，这条弧线和这两个线段所组成的折线相切并且其圆弧的半径为radius 注意：起始点的坐标是(x0 , y0)此时圆弧还没有开始，终止点的坐标不一定是（x2 , y2）而是和（x1 , y1）（x2 , y2）这条线相切的地方 1.绘制的起始点一定是（x0,y0）但是并不意味着从（x0,y0）位置开始圆弧就要开始，由于arcTo()函数绘制的是和两条折线相切的圆弧所以从真正的切点开始 2.传入的（x2,y2）完全是和（x1,y1）组成的一条切线，而（x2,y2）不一定是圆弧最终结束的位置它只是作为一个辅助线的结束位置，最终这个圆弧将结束在切点的位置 2.arcTo()的绘制起点是（x0,y0）但是（x0,y0）不一定是圆弧的切点，圆弧的绘制将停止于（x1,y1）（x2,y2）这条线的切点 3.(x0,y0)(x1,y1)(x2,y2)实质上只是形成了两条辅助线，这条辅助线告诉arcTO()函数应该相切于哪个店查看全部
-
Canvas 绘图详解 6-1 arc() 画弧和圆角矩形 绘制圆角矩形（重看）查看全部
-
Canvas 绘图详解 6-1 arc() 画弧和圆角矩形 arc(x,y,r,0,2Math.PI,ture/false(可选)) 默认true顺时针查看全部
-
Canvas绘图详解 5-3 使用图片 画布或者video createPatttern（img , repeat-style） createPatttern（canvas , repeat-style） createPatttern（video , repeat-style）查看全部
-
Canvas绘图详解 5-2 径向渐变 Radial Gradient：定义的是一个放射型的渐变，该渐变是定义在两个同心圆的基础上 Liner Gradient：定义在两点之间的渐变 context.createRadialGradient（x0, y0, r0, x1, y1, r1）整个径向渐变发生在这两个圆之间查看全部
-
Canvas绘图详解 5-2 径向渐变 Radial Gradient：定义的是一个放射型的渐变，该渐变是定义在两个同心圆的基础上 Liner Gradient：定义在两点之间的渐变 context.createRadialGradient（x0, y0, r0, x1, y1, r1）整个径向渐变发生在这两个圆之间查看全部
-
Canvas绘图详解 5-1 线性渐变 创建了一条从0 0到400 400倾斜的线性渐变，该线性渐变到400 400的位置结束，在结束之后的其他的部分显示的是渐变结束时的颜色。同理创建的渐变线也可以超过所定义的画布的最大值查看全部
-
Canvas绘图详解 5-1 线性渐变（重看）查看全部
-
Canvas绘图详解 4-4 深入理解图形变换（transform） ctx.setTransform：忽略掉之前所有的transform，将直接让之前所有的transform失效，只使用当前的setTransform中所传入的变换矩阵 运行效果查看全部
-
Canvas绘图详解 4-4 深入理解图形变换（transform） ctx.setTransform：忽略掉之前所有的transform，将直接让之前所有的transform失效，只使用当前的setTransform中所传入的变换矩阵 两个设置变换矩阵的函数：transform（a,b,c,d,e,f） setTransform（a,b,c,d,e,f）查看全部
举报
0/150
提交
取消