利用canvas制作图片（可缩放和平移）+相框+文字
前言： 公司一个售前问我能不能用H5做一个手机拍照，给相片添加相框和添加文字上传到服务器的功能，我当时一琢磨觉得可行，就利用空余时间做了一个demo，去掉了拍照和上传，如果以后有机会，会给补上，当然对于开发过webApp的朋友来做到这个很简单。下面来看代码 1，思路 首先我们需要准备 ...
原文：利用canvas和RGraph作图
利用canvas可以直接在页面中绘制各种复杂的图形，其中引用到一个Rgraph的插件。 Rgraph插件使用非常方便，只需几步就可以完成一个折线图 饼图 柱状图，或是其中两者图形的结合 引用RGraph.common.core.js这个脚本文件，这个是插件的核心脚本，必须引用，否则不可用。但是在测试时，发现有时会报错，没用引用jQuery的插件，所以报错时，需引用这个jquery . . .js ...
2014-04-28 17:32 0 3719 推荐指数：
相关推荐
HTML5 canvas图形库RGraph
在新的HTML5标准中，新增了一个非常重要的元素—canvas元素。使用该元素，可以在页面中直接进行各种复杂图形的制作。因此，如果使用该元素绘制统计图，比之前使用服务器端控件来生成统计图的方法更加具有优越性，因为使用了该元素之后，绘制统计图的工作是直接在客户端进行的，而不再是在服务器端所完成 ...
Canvas + JavaScript 制作图片粒子效果
学习canvas，javascript的小伙伴，可以跟着我这篇文章的思路一起做一个小效果出来，代码都齐全了。 首先看一下源图和转换成粒子效果的对比图： 左侧图片为源图，右侧图片为粒子效果图。该效果是在Canvas画布上制作的。将图片制作成粒子效果相对而言是比较简单的。重点了解两个知识点 ...
Canvas + JavaScript 制作图片粒子效果
首先看一下源图和转换成粒子效果的对比图： 左侧图片为源图，右侧图片为粒子效果图。该效果是在Canvas画布上制作的。将图片制作成粒子效果相对而言是比较简单的。重点了解两个知识点即可 1:图片是通过image对象形式绘制在画布上的，然后使用Canvas的getImageData接口 ...
Html5使用canvas作图线宽很粗
自己使用canvas画图是碰到的问题，在这里记录一下。我把lineWidth设置为1，但是很粗，而且发虚。代码如下： 显示出来之后发虚，然后网上各种找结果，最后发现是由于canvas没有设置height与width，css中设置的height与weight对canvas ...
在网页上画一个点(HTML5 Canvas作图)
从这篇文章开始，你们会看到权威的HTML5 Canvas作图技术，下面是相关图片： 画布上有一点p(19,82)，在JavaScript中表示？可以用以下方式： var p=new Array(2); p[0]=19; p[1]=82; 这一点也能被作为“绘图函数的参数”，看下 ...
画正圆角矩形 - HTML5 Canvas 作图
function DrawRoundRect(Canvas,P1,P2,Radius)功能：画正圆角矩形参数：P1：矩形左上角坐标；P2：矩形右下角坐标； Radius：圆角大小 源代码： function DrawRoundRect(Canvas,P1,P2,Radius){//画个圆角矩形 ...
画闭合的多边形 - HTML5 Canvas 作图
10、function DrawPolygon(Canvas,P)功能：画闭合的多边形参数：P是一个包含各个顶点坐标的数组实例：<html><script type="text/javascript" src="bigengineer.js"></script> ...