草庐IT

javascript - 如何获得包含尺寸的宽度和高度?

假设我有以下html:html,body{height:100%;overflow-y:hidden;}div{background:url(path)no-repeatcenter;width:100%;height:100%;background-size:contain;}demo这里,background-size是contain,全宽和全高都是100%,但是背景图片的区域没有被div完全覆盖。那么,有没有什么办法可以得到被覆盖图片的宽高呢? 最佳答案 documentation提到以下关于contain的内容:Thiske

javascript - 更改 SVG 路径的宽度/高度

如何更改SVG-edit中选定路径的宽度/高度.到目前为止我只有这个:svgCanvas.changeSelectedAttribute("height","499");以上命令对路径完全没有影响。调整边界框的大小只会调整边界框的大小,但不会调整路径本身。 最佳答案 对于路径,您可能希望应用转换而不是编辑路径坐标,这会变得很复杂。参见http://www.w3.org/TR/SVG/coords.html#TransformAttribute 关于javascript-更改SVG路径的宽

javascript - Bootstrap tooltip——为不同的tooltip设置不同的宽度

我正在尝试为不同的工具提示设置不同的宽度。我有一个关于超链接的工具提示和一个关于h1元素的工具提示。对于超链接,我有大文本,所以我需要工具提示的宽度要大,但对于h1元素,默认宽度就可以了。当我尝试覆盖下面的css时,所有工具提示都受到影响。有没有办法将工具提示的宽度内联到应用工具提示的元素.tooltip-inner{max-width:350px;width:350px;}我尝试在css中添加两个单独的工具提示内部样式作为a.tooltip-inner和h1.tooltip-inner具有不同的宽度但它没有生效JSFiddle链接http://jsfiddle.net/vinaybv

javascript - 如何删除高度和宽度?

目前我正在使用jquery开发图像slider。我已经从网上下载了代码。我的代码演示是here.我的问题是:如何删除作为内联样式动态附加到图像标签的高度和宽度?谢谢。 最佳答案 尝试使用这段代码:$('your-image').css({width:'',height:''});如果你想设置“原始”图像尺寸试试这个:$('your-image').css({width:'auto',height:'auto'}); 关于javascript-如何删除高度和宽度?,我们在StackOver

javascript - 在 IE 上获取图像加载时的图像宽度失败

我有一个图像缩放功能,可以按比例调整图像大小。在每次加载图像时,如果图像的宽度或高度大于我的最大宽度和最大高度,则使用图像调用此函数并调整大小。我可以在FFChromeOperaSafari中获取img.width和img.height,但IE失败。我该如何处理?让我用一段代码来解释。functiononImageLoad(img,maxWidth,maxHeight){varwidth=img.width;//Problemisinherevarheight=img.height//Problemisinhere}在我强调的行中,img.width不适用于IE系列。有什么建议吗?谢谢

javascript - 在特定视口(viewport)宽度处禁用 Owl Carousel

我目前正在使用OwlCarousel在台式机/笔记本电脑大小的设备上显示画廊。但是,在较小的设备上,我想禁用该插件并显示每张图像堆叠在彼此之下。这可能吗?我知道您可以调整OwlCarousel以在特定断点处在屏幕上显示一定数量的图像。但我希望能够完全关闭它,删除所有div等。这是我目前正在使用的笔:http://codepen.io/abbasinho/pen/razXdNHTML:CSS:#carousel{width:100%;height:500px;}.carousel-item{width:100%;height:500px;background-size:cover;bac

javascript - 如何使用 React MUI 覆盖 TextField 组件的宽度?

我正在尝试减小TextField的宽度组件:这是渲染方法:render(){return({''}LogIn});}} 最佳答案 你也可以看看fullWidthproperty以确保它设置正确。 关于javascript-如何使用ReactMUI覆盖TextField组件的宽度?,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/questions/35093107/

javascript - 如何创建具有宽度和厚度的 Three.js 3D 线系列?

有没有办法创建具有宽度和厚度的Three.js3D线系列?尽管Three.js线对象支持线宽,但WebGL中所有平台上的所有浏览器尚不支持此属性。这是在Three.js中设置线宽的地方:varmaterial=newTHREE.LineBasicMaterial({color:0xff0000,linewidth:5});具有宽度的Three.js功能区对象最近已被删除。Three.js管对象生成3D挤压,但基于贝塞尔曲线的线条不会通过控制点。谁能想到一种在Three.js中绘制具有某种用户可定义的“体积”(例如宽度、厚度或半径)的线系列(折线、绘图线)的方法?这个问题可能是对这个问题

javascript - Internet Explorer 自动将高度和宽度属性添加到新附加的图像

我在将新创建的图像加载到DOM后附加它:vari=$('');i[0].src='http://placehold.it/700x300';i.attr('alt','');i.on('load',function(){$('body').append(i);});我在CSS中为图像设置了固定高度:img{height:150px;}不幸的是,InternetExplorer为图像添加了width和height属性,因此图像严重变形。我怎样才能防止这种情况发生?附加元素后是否必须手动删除属性?jsFiddlelink 最佳答案 试试

javascript - Jquery 有时会在图像上返回零高度和宽度

我观察到异常行为。我有一个float对话框,我在其中放置了一个图像。我想使用jquery获取图像大小并将其div容器调整为适当的大小。它工作得相当好,但该函数偶尔会返回零作为图像大小。$('#dialogueContainer').html('');varimageHeight=$('#lightImage').height();varimageWidth=$('#lightImage').width();console.log(imageHeight+'x'+imageWidth);//我怀疑当jquery试图测量它的高度和宽度时,图像可能没有在DOM中准备好。有什么想法吗?