草庐IT

图像识别检测

全部标签

javascript - react 变化检测

我正在研究变化检测机制,但我在使用reactjs案例时遇到了一些麻烦。当在React组件中更改props时,该组件将“重新渲染”(不完全正确,因为差异算法,但想法就在这里)。我知道当某事发生时,React浏览其内部虚拟DOM以检查新值是否与之前的值相同,并根据需要重新渲染其真实组件树。我的问题是:这是什么东西。例如,使用angular2,我们有zone.js允许捕获异步内容(按钮点击、setTimeout等...)并触发更改检测。但是现在,我完全不知道它是由reactjs触发的。你能帮帮我吗? 最佳答案 试着想象这里有两件事:组件(

使图像旋转以始终查看鼠标光标的 Javascript?

我试图让一个箭头指向我在javascript中的鼠标光标。现在它只是剧烈地旋转,而不是指向光标。这是我的一小段代码:https://jsfiddle.net/pk1w095s/下面是代码本身:varcv=document.createElement('canvas');cv.width=1224;cv.height=768;document.body.appendChild(cv);varrotA=0;varctx=cv.getContext('2d');vararrow=newImage();varcache;arrow.onload=function(){cache=this;ct

javascript - 如何检测用户已完成嵌入的 Typeform?

我有一个Typeform嵌入到我的页面中的iframe中。从我的JS我想知道用户已经完成了类型表单(即单击提交)。typeformJS似乎没有提供任何可以收听的事件。目前我只想出了以下解决方案——在测试后定期调用以检测是否正在显示结尾页面:document.getElementById('my-typeform-iframe').getElementsByClassName('outro').length>0有更好的方法吗? 最佳答案 好的,所以我上面的假设是错误的-事实证明,当用户提交表单时,typeformiframe会发出一个

javascript - 检测 JavaScript 对象是否为 FormData 实例

我一直在寻找一种方法来检查对象是否是FormData实例,类似于Array.isArray()编辑:如果有人知道instanceof,他们显然不需要指向instanceof。显然不是重复的。 最佳答案 使用instanceof例如:letformData=newFormData()lettime=newDate()console.log("statement:formDataisaFormDatainstance",formDatainstanceofFormData)//statementistrueconsole.log("st

javascript - 带有 `crossOrigin="匿名 "` can' t 的图像标签从 S3 加载成功

在javascript中常量图像=新图像()image.crossOrigin='匿名'image.src='https://s3.amazonaws.com/ch-static-beta/avatar/user/1a8fdd22d5ec11e784da0e28350150f71512059569.png'会得到一个错误httpheader是但是当我使用curl并使用此请求header时,响应将成功。像这样。 最佳答案 这是缓存问题,andachromebug*:*作为WONT-FIX关闭,chrome开发人员说这本身不是错误,它是

javascript - 更改图像的 alpha

如何在javascript中更改图像的alpha?另外,哪些浏览器支持此功能? 最佳答案 使用jQuery:$(something).css('opacity',0.5);这将适用于所有浏览器。但是,它无法在IE7和8中正确处理半透明PNG图像,除非使用过滤器应用它们。 关于javascript-更改图像的alpha,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/questions/2760589/

javascript - 如何使用 jquery 将 img src 字符串从以 _m 结尾更改为 _t 一组图像

我希望在正确的方向上得到很好的插入我想改变我的图像源字符串的结尾......我希望我的措辞是正确的。无论如何,我当前的src正在阅读:我想把它改成:有什么想法吗...谢谢! 最佳答案 这个比较安全:$('img').each(function(){varsrc=$(this).attr('src');$(this).attr('src',src.replace(/_m(\.[^.]+)?$/,'_t$1');});否则,在使用eKek0的答案时,您可能会冒着像/bat_man/images/oh_my_god_m.png这样的URL

javascript - 检测属性是否可以通过 CSS3 转换设置动画?

可以使用CSS3转换动画的属性列表在浏览器之间并不一致,并且可能会随着新浏览器版本的变化而变化。例如,-moz-transform在FF3.6中不能与-moz-transition一起设置动画,但在FF4中可以。那么,有没有一种方法可以在JavaScript中检测特定属性是否可以设置动画?我不想使用用户代理嗅探,因为它不可靠。提前致谢! 最佳答案 是的,有办法。下面是演示,下面是解释。其中涉及一些非常重要的注意事项,因此请务必继续阅读。以下代码将测试浏览器是否可以在两个值之间设置动画。代码jsFiddledemo./*@paramp

javascript - 在没有 `<img>` 标记的 JavaScript 中确定图像大小

使用JavaScript,如何在不将图像插入文档的情况下确定文档中不存在的图像的大小?我可以使用AJAX下载图像并以编程方式检查其高度和宽度吗?有点像...varxmlhttp=newXMLHttpRequest();xmlhttp.onreadystatechange=function(){if(xmlhttp.readyState==4&&xmlhttp.status==200){varimageSize=MEGIC_GET_FILE_SIZE_FUNCTION(xmlhttp);alert("Theimageis"+imageSize.width+","+imageSize.he

javascript - 通过 JS 在 svg 中添加图像命名空间仍然没有显示图片

在通过图片的缩放版本获取参数后,我尝试通过Javascript在SVG中添加具有原始尺寸参数的图片。Firebug向我展示了元素和所有必要的参数,但祝我好运,我没有通过。this.svg=document.getElementsByTagNameNS('http://www.w3.org/2000/svg','svg');varbild=document.createElementNS('http://www.w3.org/2000/svg','image');varBildURL=this.image[0][0].getAttribute('xlink:href');varimgX=