草庐IT

image_tag

全部标签

javascript - 在 Json 中添加关于 Image 的 X 值

在一个Json中,有多个图像源,如"src":"image.png",,"src":"image2.png",对于image.png,现在我正在获取X值为“40”[下图中的第3个位置]对于image2.png,现在我正在获取X值为“100”[下图中的第6位]要求:取而代之的是,我需要添加第一(10)+第三(40)+第四(50)个位置值并获取finalX值for"src":"image.png",作为100[10+40+50]和"src":"image1.png"=第1(10)+第6(100)+第7(105)个位置&X的最终值为215。...代码笔:https://codepen.io/

Javascript : Close open HTML tags in a string

我有一个包含HTML代码的javascript字符串。我显示它,并根据字数附加了一个阅读更多/更少的切换器。问题是,当我缩小HTML代码时,它可能有开放标签,假设Acomputerisageneralpurposedevicethatcanbeprogrammedtocarryoutafinitesetofarithmeticorlogicaloperations当收缩变成Acomputerisageneralpurposedevicethatcanbeprogrammed...more由于未闭合的粗体标记,以下数据变为粗体。我想要一个javascript解决方案来关闭字符串中未关闭的

javascript - Photoshop 脚本 : Move an image to position x, y

我有一个事件的ArtLayer被变量NewLayer引用,我想移动到Canvas中的绝对位置x,y。我已经用谷歌搜索了几个小时,但没有任何结果。有人可以举个例子吗?//谢谢。 最佳答案 经过更多API阅读和搜索后,我得出的结论是只能使用增量移动来移动图层。我编写了这个小函数来将图层定位在绝对位置。希望这对下一个有同样问题的读者有所帮助...//******************************************//MOVELAYERTO//Author:MaxKielland////MoveslayerfLayert

javascript - Mobile Safari 渲染 <img src ="data:image/jpeg;base64..."> 在 Canvas 上缩放?

我尝试在iOS6上的SafariMobile上的Canvas上渲染加载了FileReader对象的本地镜像。但是每个带有数据URL的图像都会被垂直缩放。这是一个错误吗?在Chrome上它可以正确呈现。DemoScriptScreenShotfromiOS6(上图:Canvas,下图:原始图像)有什么办法可以解决这个问题吗?这是错误吗?如果我首先使用“PhotoWizard”应用程序在设备上调整图像大小(将其缩小到720像素宽度),Canvas会正确渲染它。这似乎是图像大小或使用相机应用程序拍摄的图像的问题:WorkingDemoScript尝试了来自JakeArchibald的建议,看

javascript - 从 background-image 属性获取 URL

我目前正在使用它从background-image属性中获取url:varurl=$(this).find('div').css('background-image');url=url.substr(4,url.length-5);这在某些浏览器(IE6-9)中工作正常,而不是:url(http://.com/)它的url("http://.com/)是否有一种故障安全方法可以从该属性中获取url?无需进行浏览器检测或其他操作? 最佳答案 你可以这样做:url=url.replace(/^url\(["']?/,'').replac

javascript - 为什么 Chrome 粘贴图片时会将图片数据转换为 "image/png"mime 类型?

将JPG图片文件复制粘贴到Chrome后,分析Event.originalEvent.clipboardData中的数据,图片类型为image/png。为什么?操作系统:windows7我认为复制到剪贴板时图像不可能被转换。我试过把它粘贴到其他App上,图片可以保存为JPG。我是从网页上下载的。 最佳答案 也就是说,在native应用程序和网站之间进行尽可能丰富的交互显然是一个目标。但是浏览器需要做一些“过滤”以仅公开它知道MIME类型描述的数据-MIME类型是我们描述网络内容的方式,它是跨平台的,因此比com.apple.iWor

javascript - 可以将 "paste image"支持破解到 Firefox 中的文本区域吗?

我正在通读thisarticle关于Chrome和Firefox中的图像粘贴。回顾一下,Firefox不提供有关粘贴图像的任何信息,“粘贴”事件处理程序获取一个空的clipboardData对象。要解决这个问题,可以在DOM中放置一个不可见的contenteditablediv并始终保持焦点,当粘贴内容时,它会触发超时,检查不可见div的内容以获取图像处理。除了用contenteditablediv替换textarea之外,是否有任何方法可以使用魔术iframe或其他东西来破解内容,从而在Firefox中获得粘贴图像支持?(注:Java和Flash解决方案不在话下)

javascript - 剧情 js : how to run my javascript ONLY after plot image is loaded

当通过JavascriptAPI(plotly.js,而不是plotly-nodejs)使用任何类型的plotly图表时,我如何才能在图表加载后运行一些javascript?我正在寻找plotlyjavascriptAPI中的机制,例如,在使用GoogleMapsAPI时,它与“addListenerOnce”结合“tilesloaded”或“ready”执行相同的操作。例如,假设我想在呈现https://plot.ly/~PlotBot/685处显示的示例后立即简单地显示一个警报,其html和js代码可以在https://plot.ly/~PlotBot/685.js查看.这样做的原

javascript - 插入前端库(例如 Analytics): why not a simple &lt;script&gt; tag?

为了插入GA代码(以及几乎所有其他JS库),代码片段是:(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*newDate();a=s.createElement(o),m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)})(window,document,'script','//www.g

javascript - Angular : dynamic stylesheet link tag fires request too soon

我面临的问题与Conditionally-renderingcssinhtmlhead中描述的问题类似(但不完全相同,请耐心等待)我还“懒惰地”加载样式表,从我在Controller最开始初始化的范围变量中获取文件名:当我使用ng-href(这里是data-形式)时,我确实避免了不需要的请求,例如:http://localhost/css/%7B%7B%20filename%7D%7D.css但这一切仍然太快了,我几乎每次都得到这个:http://localhost/css/.css这似乎意味着请求在Angular删除自己的标记和它用正确的值替换它的那一刻之间触发(它这样做,片刻之后,