码迷,mamicode.com
首页 >  
搜索关键字:canvas todataurl转base64将多张图片合成一个图片    ( 5414个结果
20 款免费的 JavaScript 游戏引擎
使用 HTML5,CSS3 和 Javascript 可以帮助面向对象开发者开发拥有各种特性的游戏,比如:3D 动画效果,Canvas,数学,颜色,声音,WebGL 等等。最明显的优势在于使用 HTML5 开发的游戏能在任何现代化流行的设备上运行。 某些游戏引擎仅仅是一个抽象的层次,就简单处理...
分类:编程语言   时间:2014-05-17 05:09:16    阅读次数:396
HTML5 canvas 中的arcTo()方法的用法
除了arc()之外,Canvas的绘图环境对象还提供了另一个用于创建圆弧路径的方法,那就是arcTo()。改方法接受了5个参数:arcTo(x1,x2,y1,y2,radius)arcTo()方法的参数分别代表两个点击圆形半径。该方法一指定的半径来绘制一条圆弧,此圆弧与当前点到第一个点(x1,y1)...
分类:Web程序   时间:2014-05-16 23:00:52    阅读次数:449
html5 canvas绘图-贝塞尔曲线
贝塞尔曲线(ezier curve)最迟是由法国物理学家与数学家paul de Casteljau发明的。它的广泛运用则要归功于法国工程师皮埃尔 贝塞尔贝塞尔曲线期初被用在汽车车身的设计上。现在则多用于计算机图形系统中。例如Adobe Illustrator/Apple的Cocoa框架以及在Html...
分类:Web程序   时间:2014-05-16 19:04:09    阅读次数:784
关于Canvas.drawText中xy位置问题
问:canvas.drawText("3",x,y,paint);x和y是指画得时候数字3中心的坐标吗?还是左上角的坐标?答:x默认是‘3’这个字符的左边在屏幕的位置,如果设置了paint.setTextAlign(Paint.Align.CENTER);那就是字符的中心,y是指定这个字符basel...
分类:其他好文   时间:2014-05-16 09:03:57    阅读次数:359
html5 canvas绘图—三次方贝塞尔曲线
我们知道二次方贝塞尔曲线,那些曲线都是二维的,意思就是说,它们都只能向一个方向弯曲。如果需要如图这样,能够向两个方向弯曲的曲线,那么你需要的就是三次贝塞尔曲线。该图所示应用程序使用bezierCurveTo()方法创建了一条代表三次方贝塞尔曲线的路径。该应用程序的代码列在了下面的程序清单中。这段代码...
分类:Web程序   时间:2014-05-16 08:47:14    阅读次数:448
invalidate() and postInvalidate()
/** * Invalidate the whole view. If the view is visible, * {@link #onDraw(android.graphics.Canvas)} will be called at some point in * the ...
分类:其他好文   时间:2014-05-16 06:48:38    阅读次数:341
html5 canvas做的图表插件
用highchart的时候发现它是用svg来画图的,那么用canvas来做怎么样的。以前做AS图表插件的时候,绘制图画主要用容器的Graphics对象来绘制,而canvas的context和Graphics一样,都可以用来绘制图形。然后就试着用canvas做了这样一个东西。具体实现如下,个人表达能力...
分类:Web程序   时间:2014-05-14 13:21:08    阅读次数:508
html5 canvas绘图-刻度仪表盘的绘制
---恢复内容开始---圆弧,尤其是圆,通常被用做描绘一些实物。下图所示的应用程序用5个圆形实现了一个仪表盘。仪表盘的刻度代表了圆周上的角度值。用户可以通过它来交互式地旋转多边形物体。该应用程序使用了本章到目前为止所讲的很多技术。为了绘制这个仪表盘,该应用程序画了许多圆形与线段,使用了各种颜色及透明...
分类:Web程序   时间:2014-05-14 10:09:14    阅读次数:724
html5 canvas绘图-贝塞尔曲线
贝塞尔曲线(ezier curve)最迟是由法国物理学家与数学家paul de Casteljau发明的。它的广泛运用则要归功于法国工程师皮埃尔 贝塞尔贝塞尔曲线期初被用在汽车车身的设计上。现在则多用于计算机图形系统中。例如Adobe Illustrator/Apple的Cocoa框架以及在Html...
分类:Web程序   时间:2014-05-14 07:21:01    阅读次数:578
Atitit .html5刮刮卡的gui实现总结
Atitit .html5刮刮卡的gui实现总结     #----两个案例canvas或者wScratchPad-1.4.4 1 #----1.添加panel  ,这个十mask div.....postion:absoluti..高度宽度都是100% 1 #---2.初始化wScratchPad 1 #-----判断抽奖机会已经用完and 遮罩挠完33%走自动清空mask.. ...
分类:Web程序   时间:2014-05-12 23:18:19    阅读次数:438
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!