草庐IT

宽度可变

全部标签

javascript - 计算所选文本的宽度和高度(javascript)

我需要使用JavaScript计算所选/突出显示文本的宽度和高度。我使用TimDown编写的以下代码作为起点,functiongetSelectionCoords(){varsel=document.selection,range;varx=0,y=0;if(sel){if(sel.type!="Control"){range=sel.createRange();range.collapse(true);x=range.boundingLeft;y=range.boundingTop;}}elseif(window.getSelection){sel=window.getSelecti

javascript - 两个不可变列表——如何使三重相等起作用?

假设我们有一个使用Facebook的伟大Immutable.js创建的不可变对象(immutable对象).我想比较使用.map或.filter从单一来源生成的两个列表,并确保它们相等。在我看来,当您使用map/filter时,您正在创建一个与先前对象无关的新对象。如何使三重相等===起作用?这有什么意义吗?varlist=Immutable.List([1,2,3]);varlist1=list.map(function(item){returnitem;})varlist2=list.map(function(item){returnitem;})console.log("LIST

JavaScript 计算视口(viewport)宽度/高度

我试图在我的移动Webview中设置一个响应点并这样做:varw=window.innerWidth-40;varh=window.innerHeight-100;目前效果很好。但值-40和-100不在视口(viewport)缩放高度和宽度中。当我这样做时:varw=window.innerWidth-40vw;varh=window.innerHeight-100vh;因为它应该保持响应并相对于视口(viewport)-JS不再工作。我认为vh和vw只适用于CSS?我怎样才能在JS中实现这一点?请不要使用JQuery解决方案-只有JS!谢谢 最佳答案

javascript - 渲染后获取 React.refs DOM 节点宽度,仅当宽度值发生变化时才触发重新渲染

我正在尝试获取refDOM元素的宽度并设置state,然后在组件render中使用。问题来了,因为这个宽度在用户输入时发生变化,当我在componentDidUpdate中尝试setState时,它开始无限循环,我的浏览器崩溃了。我在这里创建了一个fiddlehttp://jsbin.com/dizomohaso/1/edit?js,output(打开控制台获取一些信息)我的想法是;组件安装,setState:refs.element.clientWidth用户输入数据,触发rendershouldComponentUpdate仅当new.state不等于old时才返回true.状态。

javascript - 使用可变纸张在 Raphael 中操纵 Canvas 背景颜色

我想将背景颜色设置为特定颜色。我使用以下代码://JavaScriptCodevarpaper=Raphael(200,350,320,200);paper.attr("fill","#f00");不知何故,这段代码不起作用。请帮忙,如何设置纸张的背景颜色? 最佳答案 实际上,完全可以为SVGCanvas设置背景颜色——这里需要注意的是,虽然Raphael控制Canvas内的所有元素,但它直接对Canvas本身提供的风格控制非常少。幸运的是,您可以通过canvas属性访问与Raphael纸对象关联的dom节点。这使得做这样的事情变得

javascript - 很好地 chop 字符串以适应给定的像素宽度

有时您的字符串必须适合特定的像素宽度。此功能试图有效地做到这一点。请在下方发布您的建议或重构:)functionfitStringToSize(str,len){varshortStr=str;varf=document.createElement("span");f.style.display='hidden';f.style.padding='0px';document.body.appendChild(f);//onfirstrun,checkifstringfitsintothelengthalready.f.innerHTML=str;diff=f.offsetWidth-l

javascript - 屏幕宽度与可见部分

我对JavaScript有一个小问题,为了获得屏幕宽度,我们使用screen.width返回整体屏幕分辨率,是否有一个命令来获取浏览器可见部分的分辨率,比如当浏览器不可见时最大化? 最佳答案 functionwidth(){returnwindow.innerWidth||document.documentElement.clientWidth||document.body.clientWidth||0;}functionheight(){returnwindow.innerHeight||document.documentElem

javascript - 使用 jQuery 计算一组元素的最大宽度

我做了一个快速的Jsbin:http://jsbin.com/ujabew/edit#javascript,html,live我想要实现的是找出最大的从链接中的3个中。所以我想要的是,在循环运行之后,有varwidth设置为任何宽度可能的最大可能数字。链接中发布的正在进行的代码 最佳答案 这里:varmaxWidth=Math.max.apply(null,$(elems).map(function(){return$(this).outerWidth(true);}).get());现场演示:http://jsfiddle.net

javascript - react-native-svg 中 <Rect/> 的动画宽度

我为进行了简单的动画插值元素,但是我在我的用户界面上没有看到任何变化,就好像宽度保持为0。我手动将我的最终值添加到组件中作为width={149.12}并且显示正确,因此我现在有点困惑为什么它没有从动画中获取相同的值?react-native@0.57.1​​react-native-svg@7.03针对iOS12这是完整的实现,本质上是一个包含当前值和总值的法力和健康条,即50和100应该显示矩形的一半宽度。(示例使用typescript,但如果需要,答案可以用纯js编写)import*asReactfrom'react'import{Animated}from'react-nati

javascript - Chrome 开发工具,谁在设置高度/宽度?

我发现我很无助——当我需要找到谁负责设置元素属性值时。通常需要一段时间才能查明问题所在。如果您来到该页面,有人可以分享最佳策略吗?看到计算的高度是“500px”,但没有人明确设置它——是的,我最终找到了原因,但我想更有条理一些。谢谢 最佳答案 对于GoogleChrome浏览器右键单击元素并选择Inspectelement展开Computed选项卡并寻找有问题的样式找到您需要的属性并单击样式定义左侧的小三Angular形。单击它应该展开影响此元素此样式的选择器列表阅读更多HowtoDetermineWhichCSSisStyling