草庐IT

image_img

全部标签

javascript - 证明行中图像的对齐方式(ala Google Images)

我想在固定宽度上调整图像(Google图像正是这样做的,例如:here)有什么简单的解决方案吗?最后的办法是编写一个jquery脚本,计算它可以放入一行中的图像数量,并逐个迭代图像。对于可以使用text-align:justify...文本完成的事情来说似乎有点矫枉过正...... 最佳答案 使用显示:内联block;对于带有图像和文本的元素对齐:对齐;对于父元素。示例:...和CSS:.images{text-align:justify;}.imagesli{display:inline-block;}

javascript - 多次复制 Canvas : clone the canvas or copy the image data?

我的一个界面元素正在使用HTML5渲染元素和关联的JavaScriptAPI。此元素在同一屏幕上的多个位置以及整个应用程序的多个屏幕上使用。在需要的地方显示它的最有效方法是什么?我的第一个想法是绘制到主Canvas上,然后将其复制并插入页面中需要的位置。主Canvas可能是这样的:varmaster=$('').attr({width:100,height:100}),c=master[0],ctx=c.getContext("2d");ctx.fillStyle="#FF0000";ctx.fillRect(0,0,150,75);假设我想复制这些div中的Canvas容器:....

javascript - 使用 <img> 为 markdown gatsbyjs 创建自定义组件

我正在尝试为我的markdown创建一个接受图像源的自定义组件。我无法通过自定义组件显示图像,因为找不到图像,因为它不存在我也意识到图像路径是由GatsbyJS生成的,我不知道如何在Markdown中检索图像的路径。我确实有一个包含一些文本的自定义组件,但我无法为图像做同样的事情。这是一个带有标题和几个词的简单Markdown。索引.md---title:ToDoApp---Hithisismytodoappapp.Belowisabunchofscreens![ImagefromGyazo](./screen1.png)我创建了一个名为imageholder的自定义组件,它在显示图像

javascript - 系统地更新 IMG 的 src。内存泄漏

系统地更新IMG的src。内存泄漏。我目前每x秒更新一次图像。我想到的几种方法如下:拿一个:varurl="...";$('#ImageID').attr('src',url);现在这可以完美地改变图像但是会导致内存泄漏。两个:所以它正在创建DOM元素,所以我尝试了以下操作。varimage-"...";//Obvactualimageinworking.$('#ImageHolder').empty();$('#ImageHolder').html(image);现在这可行,但当它改变时会导致闪烁,这是不一样的。现在有两张图片并每隔一定时间交换它们就可以正常工作,但我想保持尽可能低的

javascript - 如何在FeatherLight Image Gallery中添加描述文字?

试图找出如何将文本描述添加到featherlight.js灯箱图片库。有没有人知道或有任何经验?这是html布局的示例:...还有更多图片我只是希望能够在灯箱打开时添加一些文本作为对图像的描述,但我在文档中找不到它。如果没有,有人知道可以实现此目的的优质/轻型灯箱吗? 最佳答案 featherlight的目标是轻便,没有内置选项,但使用afterContent回调很容易做到。例如,假设您的文本位于a标记的'alt'属性中,您可以指定:afterContent:function(){//Addadivforthelegendifnee

javascript - 修改 Dropzone : Show uploaded image in another div

我正在使用dropzone.js创建个人资料图片uploader,我已经复制了布局offeredbyFacebook,但我想让它做的是,当您放下图像时,它会替换放置区内的内容。到目前为止我的演示:ImageLink到目前为止我的代码:Dropzone.options.employeeImageDropzone={maxFiles:1,acceptedFiles:'image/*',addRemoveLinks:true,dictDefaultMessage:'UploadaPhotoFromyourcomputer',paramName:'empImage',init:function

javascript - 使用javascript在IE11中通过超链接<a>下载img

以下代码适用于GoogleChrome但不适用于IE11。titlevara=document.createElement('a');varimage=document.getElementById('img1');a.setAttribute('href',image.src);a.setAttribute("download",'fileName');document.body.appendChild(a);a.click();document.body.removeChild(a);当我在IE11中运行此代码时,我收到消息:“您要允许此网站在您的计算机上打开应用程序吗?”点击“允

javascript - 检查 jQuery 是否单击了包含 img 的 anchor 元素

如何检查点击的元素是否是包含img的anchor?例如,我想检查这个元素是否被点击:jQuery(document).click(function(e){//e.target.hereIsWhereINeedHelp;});提前致谢! 最佳答案 如果你想捕捉任何元素的“点击”:jQuery(document).click(function(e){if(jQuery(e.target).is('a')&&jQuery(e.target).has('img')){//codegoeshere}});您是否选择阻止“默认行为”是另一个问题

javascript - 什么样的算法可以生成这样的曲线 (img) & 它可以在 javascript 中为 flot 完成吗?

你能给我一个算法的例子吗?alttexthttp://ryancalderoni.com/archive/ideal_curve.jpg编辑:然后我将如何使用Javascript计算数学?有人可以添加吗?很抱歉最初没有包含该上下文..注意:我正在使用“flot”来绘制它,flot的输入是一个javascript数组,如下所示:[[x,y],[x,y],[x,y]...]因此,给定改变曲线的值,我将所有点输出到一个带有循环的数组,然后将其吐出以float到图形中。 最佳答案 典型的S型曲线是tanh(x)曲线。根据定义,tanh(x)

javascript - 如何在 <li><div> 标签内获取 img src?

我正在尝试从选定的列表项中获取图像的src。HTML看起来像这样:我现在可以像这样从选定的列表元素中获取玩家ID:jQuery$('#myDiv').find("li").click(function(){varuser_id=$(this).attr('id').substr(7);});如何从选定的列表元素中获取imgsrc? 最佳答案 如果user_id对应玩家ID中的数字,则尝试:varsrc=$("#player_"+user_id+"img").prop("src");否则,分别对点击的列表项:$("#myDiv").f