草庐IT

图像攻击

全部标签

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

非 200 响应情况下的 javascript 图像 onError

我必须计算图像加载时间。onLoadHandler负责。如果图像是具有200服务器响应的普通文件,则可以正常工作。但是合作伙伴提供302重定向链,并且onError在第一次重定向时触发。所以我从来没有得到真正的加载图像时间。是否有一些解决方法?谢谢 最佳答案 您重定向到的图像大小是否与您请求的图像大小相同?如果不是,您可以使用它来检测错误。 关于非200响应情况下的javascript图像onError,我们在StackOverflow上找到一个类似的问题:

javascript - 如何相对于鼠标位置旋转图像?

我正在尝试实现这种效果:http://metatroid.com/articles在页面顶部,但我无法仅使用他们提供的代码来旋转它。varimg=$('.image');if(img.length>0){varoffset=img.offset();functionmouse(evt){varcenter_x=(offset.left)+(img.width()/2);varcenter_y=(offset.top)+(img.height()/2);varmouse_x=evt.pageX;varmouse_y=evt.pageY;varradians=Math.atan2(mous

javascript - 渲染主干 View 时如何防止图像闪烁?

我使用Backbone.js作为框架,在我看来我有一些小图像(要删除的垃圾桶、图标等)。当View重新呈现这些图像时闪烁。我已经通过为我不想闪烁的所有内容创建一个新View而不触发它们渲染来解决这个更大的图像。但我想知道是否有另一种方法可以在不将我的观点分解成一堆碎片的情况下做到这一点?这是我呈现我的观点的一般格式:window.SomeView=Backbone.View.extend({initialize:function(){this.model.bind('change',this.render,this);this.template=_.template($('#view-

javascript - 图像上传部分中的跨浏览器图像预览在 ie8 中不起作用

我网站上传图像部分的图像预览在IE8+浏览器中不工作。但在IE7和IE6中工作正常。我正在使用下面的代码来实现图像预览功能。JS:varloadImageFile=(function(){if(window.FileReader){varoPreviewImg=null,oFReader=newwindow.FileReader(),rFilter=/^(?:image\/bmp|image\/cis\-cod|image\/gif|image\/ief|image\/jpeg|image\/jpeg|image\/jpeg|image\/pipeg|image\/png|image\