草庐IT

convert-canvas-image

全部标签

javascript - 修改 Dropzone : Show uploaded image in another div

我正在使用dropzone.js创建个人资料图片uploader,我已经复制了布局offeredbyFacebook,但我想让它做的是,当您放下图像时,它会替换放置区内的内容。到目前为止我的演示:ImageLink到目前为止我的代码:Dropzone.options.employeeImageDropzone={maxFiles:1,acceptedFiles:'image/*',addRemoveLinks:true,dictDefaultMessage:'UploadaPhotoFromyourcomputer',paramName:'empImage',init:function

javascript - SettimeOut 间隔失败,出现 "Cannot convert undefined or null to object"

我正在使用tampermonkey编写用户脚本,但无法解决此错误,我们将不胜感激。我检测到按键很好,空格键会触发此功能,只要按键保持在向下位置,它就会重复自身。控制台正常写入输出大约30秒,然后出现TypeError。根据声誉限制,这是一个屏幕截图:用户脚本://==UserScript==//@nameTESTSTUFF--------------------//@namespacehttp://tampermonkey.net///@version0.1//@descriptiontrytotakeovertheworld!//@authorYou//@run-atdocument

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 - 如何防止默认右键单击包含图像的 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 - 获取IE中显示:none image?的图片高度

我有设置为display:none的图片。我正在使用javascript(document.getElementById('elem').height)来获取这些图像的高度/宽度。这在其他浏览器中有效,但IE报告高度为0(可能是因为它的显示设置为无-因为当我删除显示:无时,高度报告正确)。我尝试将图像包装在一个div中并将div的显示设置为无而不是图像-但这也不起作用。解决这个问题的典型方法是什么? 最佳答案 如果您对图像本身的大小感兴趣,除了在html中设置的任何样式或属性之外,您可以测量具有相同src的新图像。它不会向文档的ht

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这显示了如何使

javascript - 使用 jquery 动态添加 Canvas

我已将所有代码包含在这个fiddle中:http://jsfiddle.net/RymyY/我的问题涉及左侧的“添加形状”按钮。每次单击第二个添加按钮时,我都希望能够添加一个新Canvas,但我无法让它工作。类似的代码在此处的fiddle中有效:http://jsfiddle.net/dzejkej/xwg5f/我不知道为什么我的不工作。我不知道怎么了。请帮忙。 最佳答案 您不应像在示例代码中那样创建具有相同ID的多个元素。document.getElementById('canvas');始终返回ID为“canvas”的第一个元素