草庐IT

img_scale

全部标签

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

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

javascript - Chrome MJPEG CORS "invalid response"当 img.crossOrigin ="Anonymous"

来源“http://192.168.1.67:5555”的图像已被跨源资源共享策略阻止加载:无效响应。因此不允许访问来源“http://127.0.0.1:8000”。我需要允许此MJPEG流的跨源,因为用户必须能够使用按钮捕获图像并且没有CORSCanvas被污染。我在FF和Chrome中遇到这个问题(IE使用不同的视频源,因为它不支持MJPEG)。我的服务器在提供页面时也返回Access-Control-Allow-Origin:*。图片src在设置img.crossOrigin="Anonymous";后在Javascript中设置(如果可能相关的话)。如果我删除crossOri

javascript - 在 contenteditable 中禁用 IE 8-11 中的 (img) 调整大小句柄,并尽可能删除它们

这个问题可能已经被问过好几次了,但是我仍然无法解决问题。我正在构建自己的WYSIWYG,其中一个选项是将图像插入contenteditable元素(div)。在IE(8-11)中,调整大小的句柄被附加到单击的图像上。我想删除那些句柄并完全禁用在IE中调整大小。还能够在IE8-10中的contenteditable元素中注册图像的点击事件。到目前为止我尝试了什么将父元素的onresizestart属性(所见即所得)设置为function(){returnfalse;}document.getElementById('wysiwyg').onresizestart=function(){r

javascript - jQuery-UI 可调整大小 : scale all alsoResize elements in proportion with resizable div

我有一个可调整大小的div,它位于已设置为alsoResize的一系列元素之上。在视觉上,可调整大小的元素是alsoResize元素的边界框。我希望能够根据可调整大小的div的比例调整alsoResize元素的大小。UI的默认行为使每个元素在调整大小时都有固定的左侧和顶部位置:http://jsfiddle.net/digitaloutback/SrPhA/2/但我想调整每个AR元素的左侧和顶部,以便在调整大小时随边界框一起缩放。我最初认为通过更改alsoResize插件不会太麻烦。这是我添加到调整大小的内容:_alsoResize://Getthemultipliersvarscal

javascript - 如何获取 <img> 标签的 HTTP 状态码

我有一个包含大量图像的页面,这些图像是根据用户操作在服务器端生成的。当图像成功加载时我很高兴,但是当服务器出现错误时我必须根据发生的错误采取行动。例如:500代码:做这件事。503代码:做那些事情等等。那么,我的问题:有没有办法在“img”标签错误事件处理程序中获取状态代码? 最佳答案 不,无法从JavaScript中的img标记发出的请求中获取HTTP状态。你可以编写一个firefox插件、chrome/safari扩展来做到这一点。另一种方法是使用AJAX加载图像(不使用img标签)。您可以从Ajax请求中获取Http状态代码。

javascript - 使用 JavaScript Image 对象更改 <img/> 图片

我有一个JavaScriptImageobject我用jQuery动态加载。我想做的是改变一个图片,其中一张存储在我的Image上目的。我应该怎么做?注意:我想避免更改我的的来源标记,因为它再次从服务器下载它,我已经将图像存储在我的图像对象中 最佳答案 你的意思是$('#imageToChange').replaceWith(imageObject)? 关于javascript-使用JavaScriptImage对象更改图片,我们在StackOverflow上找到一个类似的问题:

image - 为什么来自 Bild 的 jpeg.Decode(bytes.NewReader(imageBytes)) 和 jpeg.Encode(buf, img, nil) 占用大量 CPU?

我正在尝试使用Bild构建一个在运行时处理图像的应用程序.但是上述方法正在为图像占用大量CPU(90%)。这些方法使用高CPU的原因是什么?是否有其他使用更少CPU的方法或包?funcimageDecode(imageBytes[]byte)(image.Image,error){contentType:=http.DetectContentType(imageBytes)varerrerrorvarimgimage.ImageifcontentType==constants.PngContentType{img,err=png.Decode(bytes.NewReader(image

html - 在 gorilla mux 中渲染 css js img 文件

学习GorillaToolkit和golang,所以请在这里放轻松。想要在相应的文件夹中呈现.css、.js和.jpeg文件。文件结构是:ROOT/|--main.go,message.go||Templates/||--index.html,confirmation.html||Static/||css/|--ex1.css,ex2.css||js/|--ex1.js,ex2.js||Images/|--ex1.jpeg,ex2.jpeg使用gorillapat和mux打包main如下:packagemainimport("github.com/gorilla/mux""github

jquery - 从 xml 文件中获取所有 img 标签(jquery)

我有以下xml文件我一直在尝试使用jquery读取它以获取每个img标签。执行此操作的最佳方法是什么? 最佳答案 随着.map()函数,您可以轻松地将那些img的所有src属性获取到Javascript数组中。当然你也可以使用.each(),但这样更优雅。varsrcArray=$(xml).find('img').map(function(){returnthis.src;}).get();jsFiddleDemo在我的示例中,.get()用于从返回的jQuery对象创建一个简单的数组。

php - DomDocument 解析换行符适用于 span 但不适用于 img

参见此处:https://ideone.com/bjs3IC为什么使用span而不是img可以正确显示换行符?";getHtml($html);}functionoutputSpans(){$html="abc";getHtml($html);}functiongetHtml($html){$doc=newDOMDocument;$doc->loadhtml($html);$xpath=newDOMXPath($doc);$tags=$xpath->query('//div[@class="test"]');print(get_inner_html($tags[0]));}functi