草庐IT

javascript - 从浏览器中仅打印 SVG

我正在开发一个网页,该网页将根据用户交互动态呈现SVG图形。完成后,我希望用户能够只打印图形-而不是简单地打印他们所在的网页和SVG,而只是打印SVG。此外,理想情况下,打印版本的绘制方式与屏幕浏览器版本略有不同。当前的浏览器和SVG可以实现这种事情吗?在Java中,我可以为我的应用程序绘图例程提供绘图引擎或打印引擎,这可以简单地处理相同的问题。然而,我是SVG的新手,我无法确定是否存在某种类似的机制。 最佳答案 您可以使用jQuery。假设您的svg位于网页的DIV(svgDiv)中,包含一个调用以下内容的打印按钮,其中根svg具

javascript - 如何使用 JQuery 检测用户是否滚动到页面底部?

触底后有回调函数吗? 最佳答案 您可以在窗口中以这种方式使用.scroll()事件:$(window).scroll(function(){if($(window).scrollTop()+$(window).height()==$(document).height()){alert("bottom!");}});检查livedemo要检测用户是否在页面下方的3/4,您可以试试这个$(window).scroll(function(){if($(window).scrollTop()+$(window).height()>$(doc

javascript - 在不使用 `scrollHeight` 属性的情况下可靠地返回元素的 scrollHeight

使用纯Javascript或jQuery,我需要获得滚动元素的完整高度。但是DOM属性scrollHeightisapparentlynot100%reliable.我设想暂时给元素一个auto的css高度,检查它的大小,然后将css返回到它之前的值(它本身有问题——我如何获得cssheight:100%而不是像jQuery.css('height')那样的height:1012px将返回)。但后来我发现,由于jQuery将css样式直接应用于元素的方式,只需应用样式''即可将其返回到其正常的样式表声明值,所以理论上我可以这样做:$el.css('height','auto');scr

javascript - 为什么 Chrome 渲染 JavaScript 这么慢?

我有一个包含随机行数的页面,每行有2列。挑战在于使每一行的这两列具有相同的高度。我用JS做到这一点。varlen=document.getElementById("translateContainer").children.length;for(vari=0;i当页面少于30-40行时,一切都很好。但是,当超过200行时,chrome开始延迟几秒钟。我在这里创建了一个演示页面http://jsfiddle.net/YSp76/.在FF和IE中,它在大约2秒内执行。在chrome中,我没有数过,但超过10个。问题出在我的代码中还是webkit错误? 最佳答案

javascript - JS - 100% 且无滚动的 iframe 高度(正文中的 Scroll-y)

我有一个iframe问题。首先,我在https://stackoverflow.com/search?tab=relevance&q=iframe%20height中搜索关键字iframeheight但我没有找到我需要的人。如何制作一个高度为100%且无滚动的iframe。在正文中滚动Y。如果我通过http://www.google.com搜索某些内容在iframe中,之后转到google搜索结果页面。iframe将计算新的高度并且iframe高度仍然为100%,正文部分的滚动条。(我希望一些帮助不仅在ie和firefox中,而且在safari和chrome中都能完美工作)。非常感谢。

javascript - jQuery 改变图像高度保持纵横比

所以我有一个画廊,其中我的大部分图像目前100%由CSS控制。但是,在设置min-height:100%;在我的图像上,我使一些图像拉伸(stretch)。我没有太多有问题的照片,但用户上传什么是我无法控制的。无论如何,使用jQuery我可以获得图像高度并检查它是否满足要求,如果不满足,则以某种方式增加图像宽度以满足高度要求但保持所有比例?因此,我避免造成任何失真,但通过让div没有间隙来保持画廊的整洁。注意:提供的图像是我删除min-height:100%;时发生的情况,以便您可以看到我的问题。更新-----我找到了一个目前似乎工作正常的解决方案,它可能不是最好的尝试,但我找到了另一

javascript - 使用Javascript检测可视区域的高度

我想使用Javascript检测可视区域的高度。我有这个高度为550px的DIV,我想在浏览器上显示它。但是,此高度可能会导致垂直滚动条出现在某些浏览器上(取决于用户安装的工具栏数量)。在那种情况下,我想检测到这一点,并提醒用户。我尝试使用document.body.clientHeight但它似乎不起作用...当我尝试添加新工具栏并刷新页面时给我相同的高度。 最佳答案 这应该可以帮助您:http://www.howtocreate.co.uk/tutorials/javascript/browserwindow

javascript - 纯 javascript 到 jquery - clientHeight

我有以下脚本(function(win){vardoc=win.document;if(doc.querySelector&&doc.addEventListener){vartoggler=doc.querySelector('.toggle-menu')varmenu=doc.querySelector('.main-navul');menu.style.height='0px';toggler.addEventListener('click',function(e){e.preventDefault();if(menu.style.height=='0px'){menu.styl

javascript - jQuery调整iframe高度

此代码已传递给我。它使我的iframe设置为屏幕的100%高度:jQuery(document).ready(function(){varheight=$(window).height();$('iframe').css('height',height)});我是JavaScript的新手。我如何编辑此代码以将其设置为90%高度而不是100%?此外,此代码针对所有iframe,有什么方法可以使其针对特定的iframe(通过其ID或NAME值)?如果你愿意,你可以在这里摆弄这段代码:http://jsfiddle.net/VurLy/ 最佳答案

javascript - tinyMCE - 你能配置一个低于 100px 的编辑器高度吗?

我对TinyMCE不是很熟悉,但我似乎无法将其配置为低于100像素的高度。我已经尝试过,它似乎总是将它设置为100px任何时候低于它。我只需要几个按钮,编辑器窗口可能永远不会超过一行,所以我试图减少一点界面困惑。 最佳答案 在tinymce的4.X.X版本中有很多变化。工作代码:tinyMCE.init({...,setup:function(ed){ed.on('init',function(args){varid=ed.id;varheight=25;document.getElementById(id+'_ifr').styl