Tag: 图片

在canvas中上传的图像可以在html5中拖动，触摸和旋转: 我是Html5的新手。我正在上传一张图片，但它没有在canvas中显示，如果我提供图像的直接来源，那么它将会正常工作。我从这个链接获取帮助javascript：上传图像文件并将其绘制到canvas我会告诉你我的代码。 body { padding:0px; } #canvas { border:1px solid red; } Click and drag the image or drag the dots to resize. <!– Text: –> var canvas = document.getElementById(‘canvas’); var ctx = canvas.getContext(‘2d’); // var Input = document.getElementById(‘words’); var x = 10; var y = 30; ctx.font = “bold 20px sans-serif”; ctx.fillStyle = […]

从服务器获取图像并显示它们: 我有个问题。如果你能指导我，我将不胜感激。我在服务器上有一些图像。在我的客户端代码（jQuery）中，我需要从服务器（通过AJAX-php）获取图像（实际图像，而不是服务器上的链接）并在我的页面上显示图像。当我收到图像时，我不希望它们保存在客户端的硬盘上; 我只是暂时需要它们（也许浏览器可以在短时间内保留它们）。你能帮我么？我不知道如何用jQuery / php / Ajax和JSON实现它。我目前的代码是： $(document).ready(function () { var phpFileName=”serverSide.php”; $.ajaxSetup({ “url”:phpFileName, }); $.ajax({ “type”:”GET”, async: false, “data”:{ “newvar1″:”value1”, }, “success”:function(data){ var imageName = data.split(‘^’); } }); $imageDirOnServer = “some/Diron/Server/”; for(i=0;i<imageName.length;i++){ $("#Cell").append("”); } }); 和PHP代码（serverSide.php）： <?php for($k=0;$k 此代码显示01.bmp，02.bmp和03.bmp，它们实际位于我的网页上的服务器上。我想更改它，以便通过我的网页从服务器获取图像然后显示。我在页面加载时从服务器获取图像，原因是我不希望在此之后有任何客户端 – 服务器流量。我提到我不希望将图像保存在客户端计算机上，因为出于安全考虑，我认为不允许（未经用户许可）。但是，浏览器的缓存对我来说没问题。谢谢。

当用户将鼠标hover在图像上时，如何实时向用户显示图像上的（x，y）坐标？: 我有一个用户点击的方形图像/图形。有没有办法在用户将鼠标hover在图像上时（用户不需要点击图像）实时向用户显示光标的（x，y）坐标？

加载一个随机flickr图像并附加到div: 我基本上试图加载一个从特定用户和特定集合中获取的随机flickr图像，然后在id为“flickr-wrap”的div中显示。我正在尝试操纵这个JSON代码来做我想要的但是没有线索从哪里开始。这段代码目前加载了很多图像（我只想加载一个）并使用标签（但我想要用户和设置），任何人都可以帮助我吗？ $.getJSON(“http://api.flickr.com/services/feeds/photos_public.gne?jsoncallback=?”,{ id: “51997044@N03”, tagmode: “any”, format: “json” }, function(data) { $(“”).attr({src: data.items[0].media.m.replace(‘_m.’,’.’)}).appendTo(“#flickr-wrap”); }); 编辑我已经停止了很好的循环，现在已经更新了上面的代码来提取照片set.gne而不是public.gne，并通过删除一些代码行稍微改变了我在photoset中调用的方式。现在，我需要做的就是从该集合中提取随机图像。这是我到目前为止所得到的： $.getJSON(“http://api.flickr.com/services/feeds/photoset.gne?set=72157626230243906&nsid=51997044@N03&lang=en-us&format=json&jsoncallback=?”, function(data) { $(“”).attr({src: data.items[0].media.m.replace(‘_m.’,’.’)}).appendTo(“#flickr-wrap”); }); 编辑还没有得到随机的工作呢。最烦人的。真的可以在这里使用一些帮助。绝望！

jquery如何将图钉添加到图像并将位置保存到SQL: 如何固定图像，并保存我的图钉位置？我找到了这个插件，但我不知道如何保存这些引脚的位置。这个想法就像谷歌地图，用户可以根据需要放置尽可能多的引脚，并将这些引脚位置保存到数据库中; 下次他登录时，他可以看到他把针放在哪里。

定期刷新jQuery中的: 类似于如何在jQuery中重新加载/刷新元素（图像）但不能同时重新加载/刷新元素（图像）。我有一个网络摄像头，每2秒钟保存图像而不是流式传输。使用jQuery（或直接JS）我想刷新图像元素。应该很简单，但我的所有搜索都会根据要求显示刷新情况。

拖放：如果图像是链接（不是链接的URL），如何获取图像的URL: 我有这个代码： function drop(evt) { evt.stopPropagation(); evt.preventDefault(); var imageUrl = evt.dataTransfer.getData(‘URL’); alert(imageUrl); } 小提琴如果删除元素，它会提醒图像的URL。到现在为止还挺好。我的问题是，如果你删除元素，它会提醒元素的href的url。我想提醒中的元素的url，就像你在上面的例子中下载图像一样。那可能吗？我不介意使用Jquery或任何其他库。我只想在元素中获取图像的url。重点是将图像链接从其他网站拖到我的网站并获取图像的url。为了更清楚我想要实现的目标，请尝试在此post下拖动我的个人资料图片并将其放入小提琴中。它提醒http://stackoverflow.com/users/3074592/laaposto 。我希望http://sofzh.miximages.com/javascript/juvdV.jpg?s=32&g=1收到提醒。我希望该解决方案适用于最新版本的Chrome和Firefox。

如何预览上传的图像作为div的背景图像？: 我想在div中预览上传的图像文件。我做了一些研究，我从这篇文章中找到了这段代码，它是预览上传图像文件的代码，但是在标签中： function readURL(input) { if (input.files && input.files[0]) { var reader = new FileReader(); reader.onload = function (e) { $(‘https://stackoverflow.com/questions/16312930/how-to-preview-an-uploaded-image-as-the-background-image-of-a-div/#blah’).attr(‘src’, e.target.result); } reader.readAsDataURL(input.files[0]); } } 相关的HTML：很酷。但是，我想要的是将上传的图像显示为div的背景图像，其示例如下：我知道，从逻辑上讲，我必须更换 $(‘https://stackoverflow.com/questions/16312930/how-to-preview-an-uploaded-image-as-the-background-image-of-a-div/#blah’).attr(‘src’, e.target.result); 有类似的东西 $(‘div.image’).attr(‘style’, e.target.result); 。但是如何使图像的路径进入“背景图像”属性的值？是的，我需要链接到JQuery库吗？谢谢。

防止jQuery AJAX调用等待上一次调用完成: 我搜索了SO，每个问题似乎都在问如何等待 AJAX调用完成。我问如何不等待 AJAX调用完成。我有一个电子商务网站，通过PHP做一些繁重的图像处理。通过AJAX调用触发操作。我试图加快用户体验，所以我修改了代码，首先让PHP渲染一个缩略图（操作快速完成），然后触发第二个AJAX调用，告诉PHP渲染完整的图像（这可能需要一些分钟）。 “添加到购物车”操作也是一个AJAX调用。问题是在上一次AJAX调用完成之前，“添加到购物车”调用无法完成。序列： AJAX调用A生成请求缩略图。呼叫A的成功回调：一个。显示/启用“添加到购物车按钮” 湾触发AJAX调用B，以生成完整图像。单击“添加到购物车”会触发AJAX调用C，直到调用B完成后才会完成。相关的javascript： /** Call A – make call for thumbnail generation **/ $.ajax({ url: ‘index.php?route=decorable/image/thumbnail’, type: ‘post’, data: image_data, dataType: ‘json’, success: function(json) { if (json[‘success’]) { $(‘#button-cart’).show(); /** Call B – make call for *full* layout generation **/ […]

如何更改数据缩放图像值: 我正在使用提升缩放效果来缩放图像，我的图像标记是：和elevatezoom脚本是： $(“#zoom_01”).elevateZoom({scrollZoom : true}); 我有很多想要缩放的图像，同样的id，src值正在改变，但是我无法改变数据缩放图像的值。如何更改数据缩放图像值，你也可以访问任何[e coomerce website我想说的是什么。 1