草庐IT

image-resizing

全部标签

javascript - Webkit 错误 : Overflow auto triggered after resizing a child element to matching size

我有以下简单设置:document.getElementById('inner').addEventListener('click',({target})=>{target.classList.add('match');});#container{background:green;overflow:auto;width:200px;height:100px;}#inner{width:210px;height:110px;}#inner.match{width:200px;height:100px;}单击内部元素后,我希望父元素上的滚动条消失,因为这两个元素现在具有匹配的大小。这在Fi

javascript - 使 D3 响应 : viewBox vs resize()?

我必须构建在平板电脑、桌面显示器以及在某些情况下非常非常大的4k+高分辨率影院尺寸显示器上都能正常运行的d3可视化。因此,我试图找出使用SVG的“viewBox”属性和“preserveaspectratio”与调用调整大小函数以在窗口调整大小事件上重新呈现并使用绝对值之间的权衡。大多数例子,比如这个博客条目(http://eyeseast.github.io/visible-data/2013/08/28/responsive-charts-with-d3/)建议我在后者中做这样的事情:d3.select(window).on('resize',resize)resize(){//r

javascript - JQuery UI resizable不支持位置: fixed; Any recommendations?

JQueryUI的.resizable函数不支持position:fixed;元素。当您尝试调整它们的大小时,它会将它们的位置属性切换为绝对。有任何推荐的修复方法吗?我有一些弹出的聊天窗口,可以在文档周围拖动。它们的位置是固定的,因此它们不会随着后面的页面一起滚动。在您尝试调整窗口大小之前,它们都可以正常工作,那时它会转换到position:absolute;,然后在页面滚动时被抛在后面。我尝试处理调整大小停止事件并将位置更改为固定:stop:function(event,ui){$(chatWindow).css('position','fixed');}这不起作用,因为固定元素的定

javascript - 此警告消息是什么意思? 'img elements must have an alt prop, either with meaningful text, or an empty string for decorative images'

为什么我会收到此警告?warning:imgelementsmusthaveanaltprop,eitherwithmeaningfultext,oranemptystringfordecorativeimagesjsx-a11y/img-has-alt它显示第13行,但没有使用任何Prop。 最佳答案 这意味着当您在HTML中创建图像时,为了屏幕阅读器和文本浏览器的利益,您应该包含一个alt属性。 关于javascript-此警告消息是什么意思?'imgelementsmusthave

javascript - `new Image()` 和 `new Option()` 等构造函数记录在哪里?

不是在Mozilla,而是:图片:感谢Rickard用于识别http://www.w3.org/html/wg/drafts/html/CR/embedded-content-0.html#dom-image提供DOM接口(interface)构造函数的详细信息。对于选项:http://www.w3.org/html/wg/drafts/html/CR/forms.html#dom-option还给出了DOM接口(interface)构造函数的详细信息。(发现使用:http://www.google.com/search?client=ubuntu&channel=fs&q=const

javascript - 如何在 jQuery 中使用 CSS 'background-image' 属性添加图像绑定(bind)点击事件

这是我的fiddlelink我想我的问题本身就很清楚了。不过,我正在寻找的是一种绑定(bind)click的方法。使用css添加的图像上的事件background-image属性(property)。我知道,我可以通过简单地定位来实现类似的功能(将图像放在输入字段上使用thisway或thisway)标记input框,然后处理所需的事件,但对于宽度和高度不同的输入字段,或者如果包装div没有position:relative;,这种方式似乎不太灵活。作为其属性(property)。如果在使用background-image加载的图像上添加事件不可能那么如何使后面的方法更灵活。希望我已经

javascript - 拖放 : How to get the URL of image being dropped if image is a link (not the url of the link)

我有这个代码:functiondrop(evt){evt.stopPropagation();evt.preventDefault();varimageUrl=evt.dataTransfer.getData('URL');alert(imageUrl);}FIDDLE如果你放下元素它会提醒图像的url。到目前为止一切顺利。我的问题是,如果您删除元素它会提醒href的url的元素。我想提醒的网址内的元素就像您在上面的示例中放下图像一样。这可能吗?我不介意使用Jquery或任何其他库。我只想获取中图像的url元素。重点是将其他网站的图片链接拖到我的网站并获取图片的url。为了更清楚地说明

javascript - iframe 不触发 resize 事件

经过3天的研究和反复试验,我无法获取iframe或其内容来触发调整大小事件,因此无法调用我的调整大小函数。如果我使用...trigger("resize");要手动触发调整大小事件,我的调整大小函数会被调用并起作用。在iframe中加载的页面与包含iframe的页面位于同一域(http://localhost:81/curlExample/)。最终,iframe中的页面将由phpcurl方法提供,但我想先让它工作。*********已更新********当我调整浏览器窗口大小时导致iframe调整其大小时,如何触发调整大小事件?感谢您的帮助!带iframe的页面$(document).

javascript - 如何将 <image> 元素添加到 SVG DOM

我有一个带有jpg图像的网页,用户在使用Raphael的基础上绘制了SVG涂鸦。我想允许用户在完成后保存合并的光栅化版本(我将自己用SVG版本做其他事情)当用户单击保存时,我想将该背景图像作为元素添加到生成的SVGDOM中,然后使用canvg将SVG写入Canvas元素。最后,我使用toDataUrl()方法将其转换为jpg。我无法让中间位工作—将图像添加到DOM的最佳方式是什么?当我使用下面的代码时,我收到一个javascript错误,提示appendChild()不是一个函数。我想知道这是否与我使用.html()方法获取SVG的方式有关——也许返回的内容没有被解释为真正的SVG文档

Medical Diffusion - Denoising Diffusion Probabilistic Models for 3D Medical Image Generation

MedicalDiffusion-DenoisingDiffusionProbabilisticModelsfor3DMedicalImageGeneration论文链接:https://arxiv.org/abs/2211.03364摘要计算机视觉的最新进展已经在图像生成方面显示出有希望的结果。扩散概率模型尤其从文本输入中生成了真实的图像,如DALL-E2、Imagen和StableDiffusion所示。然而,它们在医学中的应用尚未得到系统评估,因为医学中的图像数据通常包括三维体积。合成图像可能在保护隐私的人工智能中起着至关重要的作用,也可以用于增强小数据集。这里我们展示了扩散概率模型可以