js canvas求助
事情是这样的:我有2个canvas:c1、c2 2个js文件:js1、js2
我要在js1中使用putImageData给c1绘图,然后想在js2中把取c1上的图像绘制在c2上,能不能办到,之前看到有人说canvas渲染图片后可能无法获取数据,求解答
我之前是这样写的:
js1:
var canvas1 = document.getElementById("c1");
var context1 = canvas1.getContext('2d');
context1.putImageData(imageData,0,0);
js2:
var canvas1 = document.getElementById("c1");
var canvas2 = document.getElementById("c2");
var context2 = canvas2.getContext('2d');
context2.drawImage(canvas1 ,0,0);
但是只有c1能显示图像,c2显示不出
我要在js1中使用putImageData给c1绘图,然后想在js2中把取c1上的图像绘制在c2上,能不能办到,之前看到有人说canvas渲染图片后可能无法获取数据,求解答
我之前是这样写的:
js1:
var canvas1 = document.getElementById("c1");
var context1 = canvas1.getContext('2d');
context1.putImageData(imageData,0,0);
js2:
var canvas1 = document.getElementById("c1");
var canvas2 = document.getElementById("c2");
var context2 = canvas2.getContext('2d');
context2.drawImage(canvas1 ,0,0);
但是只有c1能显示图像,c2显示不出
...全文
相关推荐
JS:canvas的javascript图形编程
JS:canvas的javascript图形编程
canvas实现js、html连线
基于canvas实现js、html连线,可左右连线,也可上下连线,html连线,
draw.js:一个为 Canvas 和 SVG 提供绘图方法的 JavaScript 库
#draw.js draw.js 是一个 JavaScript 库,使用统一的 api 为 Canvas 和 SVG 提供绘图方法。 查看下面的文档或自己尝试一下。 ##Compatibility 这个库与最新版本的 Firefox 和 Chrome、IE 9 或更高版本兼容,也可能与 Safari 和 Opera 兼容。 ##Initialization 要使用 draw.js,您必须首先初始化要使用的元素。 为此,请使用draw.make()函数,将元素和可选的所需渲染方法(当前为svg或canvas draw.make()传递给它。 element = document . getElementById ( "draw" ) ; d = draw . make ( element , "canvas" ) ; 然后将变量d分配给新创建的绘图对象。 但是,您不需要分配变量,
利用 js 开发的基于canvas的填色小应用
js 制作的基于canvas的油漆桶效果。 例子简单易懂,开箱即用。 适合用来实现一些相关填色用的小应用或者游戏。
ribbonjs使用HTML5canvas生成色带JS库
ribbon.js:使用HTML5 canvas在你的网站上生成色带的JS库,整个包只有1Kb。


