草庐IT

调整目标

全部标签

javascript - jQuery - 如何调整 CSS 过滤器(模糊)?

这次运气不太好。我通过CSS在div上设置了以下内容(我们称之为div.test):filter:blur(2px);-webkit-filter:blur(2px);-moz-filter:blur(2px);-o-filter:blur(2px);-ms-filter:blur(2px);如何使用jQuery通过.css函数调整它。我想将它们中的每一个都设置为0px。预先感谢您的帮助。 最佳答案 $('.test').css({'filter':'blur(0px)','-webkit-filter':'blur(0px)','

javascript - 使用 fabric js 调整 Canvas 大小

这个问题在这里已经有了答案:CanvaswidthandheightinHTML5(3个答案)关闭8年前。该应用程序允许用户保存设计并发布,以便其他用户稍后查看。原始Canvas以width=700和height=600的比例保存。但是在显示Canvas时,我想调整Canvas的大小以适应(350,300)的尺寸。原来的一半。但是,如果我直接应用这些尺寸并加载宽度setWidth()和setHeight(),它会以原始比例加载。我只想显示新尺寸的Canvas。

javascript - 调整旋转元素上的 handle 大小

我正在尝试将调整大小的handle放在矩形的四个Angular上,可以拖动它来调整矩形的大小。我遇到的问题是在拖动矩形的一个点后计算矩形的新宽度、新高度和新点。如果矩形不旋转,这显然很容易,因为宽度和高度的变化量与鼠标的offsetX和offsetY相同。然而,这个矩形可以旋转,所以offsetX和offsetY不匹配宽度/高度的变化。在上图中,我用纯黑色表示我已有的信息,用浅灰色表示我想查找的信息。我试图展示如果我将a1Angular向上和向右拖动,矩形应该如何变化。谁能帮我弄清楚如何计算缺失的信息?感谢您的帮助!非常感谢。--编辑:我在每个handle上都有拖动开始、拖动移动和拖动

javascript - 可编辑的 javascript 图表 - 交互式调整条形图或饼图部分的大小

我需要一个可以绘制图表的库或框架插件,这些图表可以通过调整部分图表本身的大小来实时修改。有这种东西吗?我打算用它来调整图表值。主要用于控制金额分配。例如。您有4个小时,并且有5种不同类型的任务。我希望用户能够为每项任务分配时间,并直观地查看对可用时间的影响。 最佳答案 我认为VisuallyEditableChartsofFusionCharts正是您要找的。 关于javascript-可编辑的javascript图表-交互式调整条形图或饼图部分的大小,我们在StackOverflow上

javascript - 彼此靠近放置可调整大小的圆圈

我正在进行这个基于浏览器的实验,在这个实验中,我得到了N个特定的圆圈(假设它们中有一张独特的图片)并且需要将它们放在一起,并在它们之间留出尽可能小的空间。不一定要排成一圈,但要“簇”在一起。圆的大小是可定制的,用户可以通过拖动javascriptslider来更改大小,更改一些圆的大小(例如,在slider的10%中,圆4的半径为20px,圆210px,圆圈5保持不变,等等......)。正如您可能已经猜到的那样,我将尝试在移动slider时平滑地“过渡”调整大小-重新定位。到目前为止,我尝试过的方法是:我没有手动尝试定位它们,而是尝试使用物理引擎-想法:在屏幕中央放置某种引力使用物理

javascript - 这种调整谷歌浏览器新标签使用的图像比例的技术是什么?

我在GoogleChromeBeta版的新标签页中看到这段代码,如果已安装标签页,它会显示图标。他们正在使用任何技术来调整图像的大小。这是一个图标的html它是相关类的css.app-img-container{margin-left:auto;margin-right:auto;-webkit-mask-size:100%100%;}.app-img-container>*{height:100%;width:100%;}谁能告诉我他们使用的是哪种方法?它是基于Javascript的吗?要检查这一点,您可以安装GoogleChromeBeta并从chrome商店安装一些应用程序,然后

javascript - 调整 FB.ui() 对话框的位置

我正在使用Fb.ui()将更新发布到用户的墙上,但该对话框始终出现在我浏览器的同一位置(如果向上滚动,则居中)。问题是我从屏幕底部打开对话框。有没有办法让对话框显示用户当前的滚动位置? 最佳答案 FB.ui()对话框应该已经相对于用户当前滚动的位置定位。如果没有,您可以简单地将您的#fb-root放在CSS中:#fb-root{position:fixed;top:10%;}这样,弹出窗口将始终位于用户的滚动位置,如果他继续向上或向下滚动页面,也会跟随它。 关于javascript-调整

javascript - 在 bootstrap 4 中使列可调整大小

我正在使用bootstrap4,它很棒,但是有什么方法可以添加某些列到另一个类,例如可调整大小,并可能添加min-width或max-width,它们将在这些限制内调整大小。那太好了。我并不是特指任何现有的库。我只是在寻找这个问题的解决方案。示例代码如下:非常感谢 最佳答案 https://split.js.org/您可以使用splitjs,为您的元素提供一个id并设置默认大小,因为您使用的是Bootstrap,您已经依赖于Jquery,所以这应该不是问题。Github链接是:https://github.com/nathancah

javascript - 动态调整和拖动 SVG 多边形

我正在努力寻找一种方法来使用鼠标动态调整和拖动svg多边形的大小。不幸的是,jQueryUi不适用于svg元素。我还检查了Raphael库,但找不到任何关于如何实现这一点的文档/片段。除了使用SVG之外,还有其他方法可以动态调整和拖动多边形图形吗? 最佳答案 您可以自己使用SVG元素。特别是,您可以找到多边形的点并添加可使用jQuery拖动的HTML元素句柄。(我假设您遇到的问题是jQueryUI不适用于SVG定位模型。)这是我刚刚编写的完整示例(在Safari5和Firefox9中测试)。(免责声明:我不是jQuery的普通用户;

javascript - Google Maps API v3 调整大小事件

使用MapsAPIv3。根据Google文档,如果以编程方式调整map容器的大小,则必须手动触发map调整大小事件。Resize事件:开发者应在div改变大小时在map上触发此事件。因此我正在使用:google.maps.event.trigger(map,'resize');我应该使用哪个监听器来根据调整大小的map容器的新边界更新我的标记?google.maps.event.addListener(map,'resize',function(){console.log(map.getBounds());});上面仍然显示调整大小之前的边界。 最佳答案