草庐IT

图像化

全部标签

javascript - Photoshop JavaScript 将图像和 Canvas 调整为特定(非正方形)大小

关闭。这个问题需要detailsorclarity.它目前不接受答案。想改进这个问题吗?通过editingthispost添加细节并澄清问题.关闭9年前。Improvethisquestion如何使用PhotoShop的JavaScript功能将一组数百张图像转换为特定的非方形尺寸(例如320x350像素)?

javascript - 如何在后台加载图像?

问题:我正在制作专辑。所以每次按下时间“下一步”按钮我正在加载新图像。我想要实现的是,只有在新图像从服务器完全下载后,我才想从旧图像切换到新图像。实际上我不想在加载时显示部分图像。有什么解决办法吗?附言SIMILARQUESTION但这是针对Iphone的。我需要浏览器吗? 最佳答案 只需通过javascript创建一个新图像,并且仅在onload触发后显示该图像。这将确保您看不到图像的任何部分渲染。LiveDemovarcurImg=newImage();curImg.src="urltoyourimage";curImg.onl

javascript - 加载谷歌地图时显示加载图像

我正在使用GoogleMapsJavascriptAPI在我的站点中显示带有附加标记的map。这是触发器varmap=newgoogle.maps.Map(document.getElementById("map_canvas"),settings);这工作正常,但map需要几秒钟才能显示。我像这样在mapdiv中放置一个加载图像:但是图像永远不会显示,只有空白页,直到map显示为止。图像可以正常工作,因为如果我禁用map加载功能,图像就在那里。所以我认为谷歌地图在加载map之前会清除div。有什么想法可以在等待时向用户显示加载反馈吗?我在API中找不到函数...

javascript - 如何从 IMG 元素获取图像内容(不是 url)?

我们使用EclipseSWTWebBrowser控件为我们的Java应用程序呈现HTML页面。如果页面包含图片,我们想要获取图片内容。我们可以访问DOM以获取IMG元素,但除了使用图像URL重新获取图像外,似乎没有其他方法可以获取实际内容(即图像的字节)。(我们可以通过'src'属性获取图像URL。)有什么方法可以从DOM中获取图像的实际字节数吗? 最佳答案 我不确定这是否是您要查找的内容,但基本上您可以为图像源创建一个类型化的XHR(例如ArrayBuffer)(它应该被缓存,所以这样做不会造成真正的影响)。我假设您使用的是兼容H

javascript - 将 SVG 和 .JPG 合并为一张图像?

我有一个在map应用程序中使用SVG/VML(通过RaphaelJS)设置的网站,其中SVG用于在背景map图像上显示图形。这在屏幕上非常有效,也适用于打印带有叠加层的硬拷贝map。然而,当用户想要将带有SVG叠加层的map图像保存到本地.JPG文件时,此设置就会崩溃。更具体地说,当图像顶部有SVG/VML元素时,使用大多数浏览器的标准右键单击功能“将图像另存为...”不起作用。右键单击map,用户可以保存map图像,但没有叠加层。右键单击覆盖的SVG元素,用户获得的最好结果是能够检查元素或保存一些HTML(因浏览器而异)。所以我的主要问题是;是否可以拍摄一张图像和一个SVG元素并将它

javascript - 将图像 base64 发布到服务器并将图像保存到磁盘相同的文件上传,在浏览器中预览

我正在使用this并进行图像预览。当我运行它时,没关系。它由inputtype="file"工作,并在浏览器上显示基于base64的图像。html代码:CSS代码:#imagePreview{width:160px;height:120px;border:1pxsolid;float:right;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale);}javascript代码:varloadImageFile=(function(){if(window.FileReader){varo

javascript - 在没有 Canvas 的情况下将字节数组转换为图像数据

是否可以在不使用Canvas的情况下将字节数组转换为图像数据?我目前使用类似这样的东西,但我认为没有Canvas也可以做到,或者我错了吗?varcanvas=document.getElementsByTagName("canvas")[0];varctx=canvas.getContext("2d");varbyteArray=[255,0,0,255,255,0,0,255,255,0,0,255,//red0,255,0,255,0,255,0,255,0,255,0,255,//green0,0,255,255,0,0,255,255,0,0,255,255//blue];va

javascript - 响应图像的垂直填充

这个CSS:.outer-img-wrap{border:2pxsolidgray;margin:1vwauto;max-width:192px;text-align:center;overflow:hidden;}.outer-img-wrapimg{width:auto!important;height:auto!important;max-width:100%;vertical-align:middle;}.inner-img-wrap{background:#000;border:thinsolid#ff9900;margin:2px;}应用于此HTML:在适当宽度的表格单元格

javascript - 新的 AjaxUpload 只接受来自按钮标签的图像

我这里有一个带有加载脚本的按钮。HTMLUploadNewPhoto脚本$(function(){varbtnUpload=$('#photo_uploader');newAjaxUpload(btnUpload,{action:base_URL+'upload',data:{pid:$('#page').data('id')},dataType:'json',name:'fileToUpload',onSubmit:function(file,ext){console.log('onSubmittriggred');console.log(ext);xr_load(['#logo_b

javascript - 带 CSS 和 jQuery 的 jquery 自动图像 slider

这是AutomaticImageSliderw/CSS&jQuerybySohTanaka我正在尝试自定义它以在鼠标悬停在slider上时显示.desc但它似乎没有任何帮助?//SetDefaultStateofeachportfoliopiece$(".paging").show();$(".paginga:first").addClass("active");//Getsizeofimages,howmanythereare,thendeterminthesizeoftheimagereel.varimageWidth=$(".window").width();varimageSu