码迷,mamicode.com
首页 >  
搜索关键字:canvas todataurl转base64将多张图片合成一个图片    ( 5414个结果
HTML5中的<canvas>画布:使用canvas元素在网页上绘制线条和圆(1)
什么是 Canvas?HTML5 的 canvas 元素使用 JavaScript 在网页上绘制图像。画布是一个矩形区域,您可以控制其每一像素。canvas 拥有多种绘制路径、矩形、圆形、字符以及添加图像的方法。创建 Canvas 元素向 HTML5 页面添加 canvas 元素。规定元素的 id、...
分类:Web程序   时间:2014-07-24 17:14:56    阅读次数:566
megapix-image插件 使用Canvas压缩图片上传
通过Canvas及File API缩放并上传图片 上 传 MegaPixImage.js/*** Mega pixel ...
分类:Windows程序   时间:2014-07-24 12:21:25    阅读次数:2203
HTML+Css学习-------Canvas
<canvas>标签有属性width/height可以用来设置宽高,但是宽高默认为:300px*150px(width*height)javascript操纵:getContext("2d"):获取CanvasRenderingContext2D对象。校验兼容性:varcanvas=document.getElementById(‘tutorial‘); if(canvas.getContext){ varctx=can..
分类:Web程序   时间:2014-07-24 10:53:19    阅读次数:356
Qt Quick 之 PathView 详解
PathView ,顾名思义,沿着特定的路径显示 Model 内的数据。 Model 可以是 QML 内建的 ListModel 、 XmlListModel ,也可以是在 C++ 中实现的 QAbstractListModel 的派生类。 PathView 恐怕是 Qt Quick 提供的 Model-View 类库中最复杂也最灵活的一个了。...
分类:其他好文   时间:2014-07-23 13:06:56    阅读次数:413
canvas入门-3渐变方法
1、canvas中渐变方式有2种:线性渐变和径向梯度渐变createLineGradient()createRadialGradient()addColorStop(var1,var2);var1 取值在0-1之间var2 是颜色值前面有讲述线性渐变的作用,渐变是一个渐变对象径向渐变方法create...
分类:其他好文   时间:2014-07-22 22:56:32    阅读次数:172
canvas入门-2路径、文字
1、canvas是一个二维网格坐标系2、canvas路径 arc()的使用方法:context.arc(x,y,r,sAngle,eAngle,counterclockwise);参数描述x圆的中心的 x 坐标。y圆的中心的 y 坐标。r圆的半径。sAngle起始角,以弧度计(弧的圆形的三点钟位置....
分类:其他好文   时间:2014-07-22 22:40:32    阅读次数:291
Canvas学习
参考了慕课网课程:炫丽的倒计时效果Canvas绘图与动画基础感谢 liuyubobobo老师 ,提供了这么好的课程1、标签 注意:最好在标签中指定canvas的width 和 height 或者用js : canvas.width , canvas.height 如果你的浏览器支持canvas,那么...
分类:其他好文   时间:2014-07-22 22:37:13    阅读次数:266
第七讲:HTML5中的canvas两个小球全然弹性碰撞
小球之间的碰撞(全然弹性碰撞)
分类:Web程序   时间:2014-07-22 22:34:35    阅读次数:311
canvas入门-1三种填充方式、渐变、模式
1、定义canvas的尺寸的时候最好用html的方式定义,用width和height的方式,用css会导致画布按照css设定的方式进行缩放,cavas内部是一个2d的渲染环境2、一个canvas对应一个2d的渲染环境,绘制图形的操作都是在2d渲染环境中进行的 一个简单的例子 在400...
分类:其他好文   时间:2014-07-22 22:32:33    阅读次数:200
HTML5中canvas元素,绘制圆形
HTML5中canvas元素,绘制圆形需要使用路径,开始时要取得图形上下文,首先使用路径来勾勒图形的轮廓,然后设置颜色,进行绘制。<!DOCTYPEhtml> <head> <metacharset="UTF-8"/> <script> functiondraw(id){ varcanvas=document.getElementById(id); if(..
分类:Web程序   时间:2014-07-21 19:22:22    阅读次数:304
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!