草庐IT

canvas-png-compression

全部标签

javascript - canvas.toDataURL() 和 drawImage() 的安全错误

vardiv=document.getElementById("new");varcanvas=document.getElementById("canvas");varctx=canvas.getContext("2d");varimg=newImage();img.src='http://www.w3.org/html/logo/downloads/HTML5_Logo_512.png';//img.src='local.png';img.onload=function(){//drawstheimageonthecanvas(works)ctx.drawImage(img,0,0

javascript - 使用 photoshop 脚本保存 png 不起作用

if(app.documents.length!=0){vardoc=app.activeDocument;for(i=0;i每当我运行上面的脚本,而不是将文件保存为1.png、2.png、3.png等时,它会打开保存对话框并提示我输入文件名并单击保存。我做错了什么? 最佳答案 显然,在为photoshop编写脚本时,保存PNG与保存JPEG有很大不同。以下适用于PNG:if(app.documents.length!=0){vardoc=app.activeDocument;for(i=0;i

javascript - 如何将png图像数据数组转换为视频文件

我正在通过canvas.getDataURL()从canvas获取帧。但是,现在我有一组png图像,但我想要一个视频文件。我该怎么做?varcanvas=document.getElementById("mycanvaselementforvideocapturing");varpngimages=[];...setInterval(function(){pngimages.push(canvas.toDataURL())},1000); 最佳答案 要获得完整的浏览器支持方式,您必须将图像批处理发送到服务器,然后使用一些服务器端程序

javascript - 需要 Canvas 模糊工具

我有类似fabric.js的绘图应用程序(http://fabricjs.com/freedrawing/)我想嵌入像Photoshop这样的模糊工具(http://www.demowolf.com/tutorials/demo.php?id=1503&series=85&format=html)这是我的模糊功能,但当我尝试更改颜色时它无法正常工作,它出了问题你可以看到下面的屏幕截图......functionboxBlurCanvasRGBA(id,top_x,top_y,width,height,radius,iterations){if(isNaN(radius)||radius

javascript - 带有PNG文件的AngularJS素材图标

我现在使用AngularJS有一段时间了,但我才刚刚开始研究Material来自Angular团队的项目。在过去的两天里,我试图让图标指令(https://material.angularjs.org/#/api/material.components.icon/directive/mdIcon)至少与PNG文件一起工作,但我无法让它工作......是的,我已经阅读了文档并且没有提到PNG并且该指令似乎只适用于SVG和CSS图标,但我仍然希望有一个可用的技巧。那么:有什么方法可以对任何PNG图像使用AngularJSMaterialIcon指令吗?在此先感谢您的帮助!安德烈

javascript - 如何防止默认右键单击包含图像的 Canvas

我有一个Canvas并在其中显示图像。我已将一个jquery事件附加到它,如下所示:$("#mycanvas").mousedown(function(e){//Dosomethinge.preventDefault();e.stopPropagation();});我希望此代码执行我的操作并阻止默认的浏览器行为。前者实现了,但是后者,即违约行为预防没有发生。该事件运行虽然。我想知道如何防止显示右键单击时可以在图像上看到的菜单: 最佳答案 您可以使用contextmenu:$("#mycanvas").contextmenu(fun

javascript - 使用 Canvas 和 javascript 的核心数学和 3d 形状

我有一个老friend,他是一位数学家。他有自己的数学来压缩他的公式,这些公式非常漂亮。他在一个名为Mathematica的程序中工作,该程序可以转换3D形状的公式。请问是否可以使用Canvas和JavaScript获取这些数字?见附件公式和图。我自己对此知之甚少。但如果有人能给我举个例子,我会很高兴。 最佳答案 既然您提到了Mathematica,我将使用它来为t的各种值提供更多示例。不过我无法在Canvas方面为您提供帮助。这是Mathematica代码:With[{a=3,t=0.7},RegionPlot3D[10^-(tx

javascript - 如何更改 Canvas 元素的位置?

我可以在不使用CSS的情况下在Javascript中更改Canvas元素的x和y位置吗?我似乎找不到任何人甚至在Internet上询问它。编辑:可以用HTML完成吗?TestingError:Browserdoesnotsupportcanvaselement.varmain=document.getElementById("main");varrender=main.getContext("2d");main.width=200;main.height=200;main.style.left=100x;main.style.top=100px; 最佳答案

javascript - 如何在 HTML5 Canvas 上缩放图像时保持宽高比?

在我的项目中,我使用HTML5Canvas和FabricJS。我有维持放置在Canvas中的图像对象的纵横比的方案。在调整Angular或缩放图像时,我必须更新宽度或高度以保持图像的纵横比。上图将清楚地显示我的问题。我需要一种算法或公式来保持图像的纵横比。图片应满足以下条件,如果我通过根据实际尺寸调整图片的宽度或高度来进行缩小,它会裁剪并以相同的纵横比显示图片。如果我确实通过调整图像的实际尺寸的宽度或高度来进行扩展,它将分别扩展图像的高度或宽度,并针对视口(viewport)高度和宽度进行裁剪以保持宽高比。隐藏的部分被平移和查看。请给我一些解决方案,谢谢。

javascript - 使用新图形 API 在 Facebook Canvas 应用程序中进行身份验证

我正在构建一个FacebookCanvas应用程序,它使用Django在iframe中加载。我希望登录过程能够像Zynga那样工作。在此方法中,如果您未登录,您将被重定向到Facebook登录页面,然后转到应用程序的权限请求页面(没有任何弹出窗口)。据我所知,Zynga必须使用FBML并且只是转发到如下所示的URL:http://www.facebook.com/login.php?api_key=[api_key]&canvas=1&fbconnect=0&next=[return_url]在iframe中加载的python应用程序中是否有类似的效果?有一个方法here这显示了如何使