草庐IT

convert-canvas-image

全部标签

javascript - 循环 html2canvas

我在尝试在for循环中实现html2canvas脚本时遇到了一些麻烦。我正在编写一个Javascript函数,它使用数据数组来修改一组元素的样式,将容器div捕获为Canvas,将其转换为图像,将其附加到文档主体,然后继续到数组的下一个索引。我遇到麻烦的部分是在循环的最后:html2canvas(document.getElementById("background"),{onrendered:function(canvas){varimgdata=canvas.toDataURL("image/png");varobj=document.createElement("img");ob

javascript - bx slider : how to disable slide show when only one image is present

我正在使用bxslider创建我的图像的幻灯片。图像正在动态更新。我的问题是杂耍淡入和淡出工作,即使只有一张图像存在。我怎样才能阻止它?bxslider选项是varcoverSlider=$('.bxslider').bxSlider({auto:true,minSlides:1,maxSlides:1,pager:false,speed:500,pause:3000,autoHover:true,mode:'fade',controls:false})我正在使用重新加载方法在添加或删除新图像时更新slidercoverSlider.reloadSlider();

javascript - 如何在 three.js 应用程序中为 Canvas 分配一个 id

我在three.js中创建了一个渲染对象并将其与DomElment连接,如下所示varrenderer=newTHREE.WebGLRenderer({antialias:true});renderer.setClearColor(0xAAAAAA,1);renderer.setSize(window.innerWidth,window.innerHeight);document.getElementById('webgl-container').appendChild(renderer.domElement);所以现在three.js会自动在webgl-containerdiv中创建

javascript - 如何为按钮提供浏览器 "save image as"选项

我正在做一个Canvas绘图项目。我将Canvas转换为图像,然后将该图像保存为“.png”。我必须右键单击图像并选择“将图像另存为”选项。但我想通过一个按钮提供该选项。当我单击按钮时,它应该被保存。任何例子或想法将不胜感激。这是一个将canvas转为png的js函数。functionsave2(){window.open(canvas.toDataURL('image/png'));vargh=(canvas.toDataURL('png'));alert("converted");} 最佳答案 在现代浏览器中你可以使用下载属性f

javascript - 使用 Canvas 撤消/重做绘画程序

按照目前的情况,这个问题不适合我们的问答形式。我们希望答案得到事实、引用或专业知识的支持,但这个问题可能会引发辩论、争论、投票或扩展讨论。如果您觉得这个问题可以改进并可能重新打开,visitthehelpcenter指导。关闭9年前。我需要为我的绘画程序实现一个撤消/重做系统:http://www.taffatech.com/Paint.html我想出的想法是有2个数组堆栈,一个用于撤消,一个用于重做。每当您绘制并释放鼠标时,它都会通过推送将Canvas图像保存到撤消数组堆栈。如果你画别的东西然后释放它也会做同样的事情。但是,如果您单击撤消,它将弹出撤消数组的顶部图像并将其打印到Can

javascript - HTML5 Canvas : find out if click co-ordinates are inside a given rectangle

可能有人在这个困境上有过类似的经历,可以帮助我走出困境......基本上,我有一个Canvas元素,我使用在循环中绘制几个矩形context.fillRect(x,y,width,height)现在,我希望一些矩形成为热点并响应点击事件。我可以使用event.layerX和event.layerY找出点击事件的确切(x,y)。鉴于我知道以下内容:点击的确切x,y每个矩形的x、y、宽度和高度我如何确定点击事件是否发生在某个矩形的周边内?并且,点击事件发生在哪个矩形0n?有类似的数学公式吗?任何帮助将不胜感激,如果我不够清楚,请告诉我......谢谢编辑没有比遍历所有矩形并检查它们的位置和

javascript - Canvas getImageData() 以获得最佳性能。提取所有数据还是一次提取一个数据?

我需要扫描Canvas图像中的每个像素,并对颜色等进行一些调整。为了获得最佳性能,我是否应该一次获取所有数据并通过数组对其进行处理?或者我应该在处理每个像素时调用它。所以基本上……data=context.getImageData(x,y,height,width);对比data=context.getImageData(x,y,1,1);//inaloopheight*widthtimes. 最佳答案 通过一次抓取所有图像,您将获得更高的性能,因为:a)对数组的(连续)访问比函数调用快得多。b)特别是当这个函数是一个DOM对象的方

javascript - 类型错误 : Converting circular structure to JSON in nodejs

我正在使用node.js的请求包代码:varformData=({first_name:firstname,last_name:lastname,user_name:username,email:email,password:password});request.post({url:'http://localhost:8081/register',JSON:formData},function(err,connection,body){exports.Register=function(req,res){res.header("Access-Control-Allow-Origin",

javascript - Photoshop JavaScript 将图像和 Canvas 调整为特定(非正方形)大小

关闭。这个问题需要detailsorclarity.它目前不接受答案。想改进这个问题吗?通过editingthispost添加细节并澄清问题.关闭9年前。Improvethisquestion如何使用PhotoShop的JavaScript功能将一组数百张图像转换为特定的非方形尺寸(例如320x350像素)?

javascript - Javascript Canvas 中的深度缩放集合

我需要在HTML5Canvas元素中使用数千张大约512x512的图像创建深度缩放马赛克,但我想尽可能少地重新发明轮子。因此,与其将大量大图像组合成一张然后创建深度缩放图像,我宁愿加载大量深度缩放图像并创建深度缩放集合,但Seadragon不支持DZC格式。在我看来,我还有其他三个选择,它们是从头开始,创建一个处理加载DZC文件的查看器扩展Seadragon使其能够处理DZC文件创建一些方法来解析DCZ文件,处理它的相关图像并将其变成一个巨大的DZI文件我希望我能在这里得到一些建议,也许是在DeepZoom和它用来推荐的XML格式方面有更多经验的人的意见,考虑到我的截止日期很紧,这将是