草庐IT

the-canvas-element

全部标签

javascript - SlickGrid 列选择器 : Setting the default columns to display from a larger list

我目前正在使用SlickGrid并允许用户使用ColumnPicker选择要显示的列。按照http://mleibman.github.com/SlickGrid/examples/example4-model.html的例子我已经能够让它很好地工作。我不确定的下一步是是否可以选择默认的列列表以在首次渲染时显示。例如,假设我有一个包含5列的数组,声明如下:{name:"Name"field:"Name"id:"Name"sortable:trueminWidth:120editor:Slick.Editors.Text},{name:"Address"field:"Address"id

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, 火狐 : how to disable the browser specific cell controls?

在Firefox中:当将光标置于表格单元格中时,浏览器将显示4个控件(一个位于每个单元格边框的中间)。(内容处于可编辑模式。)如何禁用这些内容?提前致谢。 最佳答案 如果您指的是在可编辑表格上获得的控件,则可以使用以下命令禁用这些控件。它适用于最近的Firefox,至少:document.execCommand("enableInlineTableEditing",null,false); 关于Javascript,火狐:howtodisablethebrowserspecificcel

javascript - MVC 3 : running javascript after validation has completed but before the actual post?

各位,我有一个MVC3数据输入表单场景,它要求用户在满足客户端验证之后,发送到服务器之前确认一些事情。有没有办法在验证框架允许回发之后,但在回发发生之前,将一些javascript插入到事件序列中?(当然,如果用户拒绝确认,回发也必须取消。)非常感谢。 最佳答案 可以订阅对应表单的.submit事件,判断是否有效:$(function(){$('form').submit(function(){if($(this).valid()){//clientvalidationpassedsuccessfully}else{alert('t

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 - D3 过渡 : Fading in and out the colors within a gradient fill

在这个D3图中,圆圈填充了径向渐变,并且改变不透明度用于淡入和淡出:varwidth=400,height=400,padding=1.5,//separationbetweensame-colornodesclusterPadding=6,//separationbetweendifferent-colornodesmaxRadius=12;varn=200,//totalnumberofnodesm=10;//numberofdistinctclustersvarcolor=d3.scale.category10().domain(d3.range(m));//Thelargest

javascript - 未捕获的 TypeError : element. removeClass 不是 Jquery 中的函数

这个问题在这里已经有了答案:JQuery-object.idisundefinedwhenitshouldn'tbe(2个答案)关闭6年前。我用这个Sample对于验证我的表单,但出现此错误:未捕获的类型错误:element.removeClass不是函数说removeClass()不是函数!!我很困惑我的Js代码:$(function(){varform=$('#CompanyStep'),formData=$.data(form[0]),settings=formData.validator.settings,oldErrorPlacement=settings.errorPlac