草庐IT

image-size

全部标签

javascript - 如果 src 是 base64 字符串,如何获取新创建的 Image() 的文件大小?

如果此图像的src是base64数据图像,我如何获取新创建的newImage()的字节大小?我有这样的coffeescript代码:#Thisstringisreceivedaftersomeoriginalimagepreprocessingbase64String="data:image/jpeg;base64......"newImageObj=newImage()newImageObj.src=base64StringnewImageObj.onload=->console.log"Resizedimagewidthis"+this.widthconsole.log"Newfi

javascript - 重新访问 = image.onload 未调用

非常古老但非常UN解决的主题:image.onload未调用。代码比文字更能讲述故事......调用.html=varnewConnection=newMeasureConnectionSpeed();if(newConnection.isHighSpeed())doSomething1;elsedoSomething2;调用.html=functionMeasureConnectionSpeed(){varconnection=this;varimgDownloadSrc="http://someLargeImage.jpg";varimgDownloadSize=943*1024;

javascript - 是xlink :href deprecated for svg <image>s?

根据MDNxlink:href,我们应该使用href而不是xlink:href,但是在svgexamplepage上(最后更新于2017年7月6日),示例中的属性是xlink:href。使用哪个属性重要吗? 最佳答案 即将推出的SVG2标准将取消对xlink:前缀的要求。一些浏览器支持该选项,但并非所有浏览器都支持。目前安全(且向后兼容)的选择是继续使用它。 关于javascript-是xlink:hrefdeprecatedforsvgs?,我们在StackOverflow上找到一个类

Javascript if (document.images)

我正在分析其他人的JavaScript代码并发现了这种情况if(document.images)我在其他网站上发现它用于验证浏览器是否支持动态图像。就像当我们将鼠标放在图像上时,会加载其他图像。它看起来像非常古老的JavaScript。现在使用它有意义吗?这个条件有别的目的吗? 最佳答案 如果浏览器支持图像数组,则此条件返回true。InternetExplorer>3支持这个:)查看这篇文章http://www.quirksmode.org/js/support.html而且是的,很老的js了,没必要现在去查

javascript - ruby rails : how to set size of number_field

谁能告诉我如何在Rails中设置number_field的大小?我试过这个但它不起作用:但这行得通:谢谢 最佳答案 您需要使用:max选项。阅读文档number_field_tag.number_field_tag(name,value=nil,options={})Createsanumberfield.选项:min-可接受的最小值。:max-最大可接受值。:in-指定:min和:max值的范围。:step-可接受的值粒度。 关于javascript-rubyrails:howtose

javascript - 具有动态图像源的可重用 Gatsby-Image 组件

我正在考虑在我的下一个项目中使用Gatsby-Image,并且已经尝试了一些。我让它在我的测试项目上工作,但后来我想出了一个用例,我想像使用常规一样使用Gatsby的标签。标签。如何使Gatsby组件可重用?importReactfrom"react"import{StaticQuery,graphql}from"gatsby"importImgfrom"gatsby-image"functionrenderImage({file}){console.log({file})return}//StatelessImagecomponentwhichIguesswill//receivet

javascript - 数据 :image/jpeg;base64 how to get its width and height in pixels

如何获取其src在data:image/jpeg;base64中的像素图像的宽度和高度?使用设置img.src并调用width()没有成功。varimg=jQuery("");img.width()//=0 最佳答案 这会起作用:varimg=newImage();img.onload=function(){alert(this.width);}img.src="data:image/jpeg;base64,/9j/4AAQSkZJRgABAgAA.......";FIDDLE我通过转换图像来确保base64有效here,onloa

javascript - D3 : change font size of axis labels

我想为使用D3创建的时间轴的标签指定字体大小。我试过关注thisanswer与thisfiddle,但它似乎没有做任何事情。我也试过d3.selectAll(".xAxis>.tick>text").each(function(d,i){d3.select(this).style("font-size",30);});没有用。没那么难... 最佳答案 原来一个无单位数是technicallynotavalidCSSfontsizespecifier并且它可能取决于浏览器是否忽略它。因此,使用d3.select(this).style

javascript - 为什么 apply with too many arguments 抛出 "Maximum call stack size exceeded"?

在Chrome和Node中,以下代码会抛出错误:functionnoop(){}vara=newArray(1e6)//Array[1000000]noop.apply(null,a)//UncaughtRangeError:Maximumcallstacksizeexceeded我明白为什么将100万个参数传递给一个函数可能是个坏主意,但谁能解释为什么错误是超出最大调用堆栈大小,而不是更相关的错误?(如果这看起来很无聊,原来的情况是Math.max.apply(Math,lotsOfNumbers),这是一种从数组中获取最大数的不合理方法。) 最佳答案

javascript - 使用 box-sizing :border-box 时,jQuery.height() 在 WebKit 和 Firefox 中的行为不同

我有一个应用了以下样式的文本区域:textarea{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}如果我随后运行以下javascript/jquery代码,使用Safari(5.0.6)和Chrome(16.0.x)时,我的文本区域的高度将减半:$('textarea').each(function(){var$this=$(this);$this.height($this.height());}根据.height()的jQuery文档,这是预期的行为,因为.height()返回内容高度(无填充、边框),而不管box