草庐IT

图像标注

全部标签

javascript - 如何在不迷失方向的情况下移动旋转 Canvas 图像?

我已将图像加载到Canvas中。旋转后,我无法(拖动)正确移动图像。实际上,它会移动,但它会根据图像的坐标平面移动。因此,将旋转90度的图像向右移动,会向下移动,而不是像预期的那样向右移动。解决这个问题的好方法是什么?这是我的绘制函数:functiondraw(){varim_width=parseInt(imageObj.width+resizeAmount);varim_height=parseInt(imageObj.height+resizeAmount);varrotationAmount=rotationVal-prevRotation;prevRotation=rotat

javascript - 背景图像调整大小以适合

我试图让背景图像尽可能专业,所以我认为最好根据浏览器的大小或分辨率调整它的大小(不确定通常使用什么,但我认为浏览器大小很有意义这里)。这个想法是,如果查看器屏幕很小,则背景图像会变小,并且随着屏幕变大,图像会扩展以适应其最大尺寸。我会根据需要尝试CSS甚至Javascript(JQuery)解决方案。 最佳答案 我猜你正在寻找类似的东西:http://css-tricks.com/how-to-resizeable-background-image/ 关于javascript-背景图像调

javascript - 使用javascript强制图像缓存

我正在尝试克隆随机生成的图像。虽然我使用的是完全相同的url,但加载的是不同的图像。(在chrome和firefox中测试)我无法更改图像服务器,因此我正在寻找纯javascript/jQuery解决方案。如何强制浏览器重复使用第一张图片?火狐:Chrome:自己试试看(可能要重载几次才能看到)代码:http://jsfiddle.net/TRUbK/$("").attr('src',img_src)$("").css('background',background)$("#source").clone()演示:http://jsfiddle.net/TRUbK/embedded/re

javascript - 如何将输入文本插入图像?

我想为magento开发有助于创建定制T恤的扩展程序,但我不知道该怎么做。我想提供像这个网站这样的功能http://www.inkpixi.com/item/ATV+Repair/A252/329/item.html死链接在这里你输入名字然后名字自动插入到图像中。我想准确地提供这个但是没有得到正确的事情 最佳答案 您可以使用canvas轻松做到这一点varcanvas=document.createElement('canvas'), ctx=canvas.getContext('2d');canvas.width=200;canv

javascript - 在哪里可以找到 dojo 工具包 dijit 小部件的图标图像列表?

我想这是一个简单的问题,但尽管进行了一些谷歌搜索,我仍未找到答案。有谁知道在哪里可以找到Dojo工具包中可用的图标列表? 最佳答案 最好看的地方是DojoToolkitnightlyicondirectory.在这里您可以查看对应于所有可用图标样式的CSS类,如果您gototheimagesdirectory您实际上可以看到图标Sprite。不幸的是,这并不像类名->图标图像映射那么简单,但是所有CSS类名都按照与sprite图像相同的顺序列出,留给对。要快速浏览,请知道commonIcons.css文件按以下顺序分解类:图标类IE

javascript - 如何从 URL 中的 node.js 服务器文件夹中获取图像?

有人知道如何从URL中的node.js服务器文件夹中获取图像吗?在我的文件夹结构中,我有文件夹数据,里面有带图像的子文件夹img。我想通过URL访问这张图片,如下所示:http://localhost:3000/data/img/default.jpg但是当我在浏览器中输入它时,我总是得到这个错误:PageNotFound/data/img/default.jpgisnotavalidpath.服务器.js:'usestrict';/***Moduledependencies.*/varinit=require('./config/init')(),config=require('./

javascript - 如何通过操作 base64 代码调整 base64 图像的大小或更改分辨率?

有很多将图像编码为Base64的示例。有没有一种方法可以通过简单地操作实际的base64编码内容来更改该图像的大小或分辨率?您的base64代码可能是:iVBORw0KGgoAAAANSUhEUgAAAWQAAAFjCAIAAACFfObPAAAAA3NCSVQICAjb4U/gAAAgAE...是否有一种算法或等式可以让您操纵该Base64字符串来更改图像的大小或更改分辨率?我的问题针对的是关注渐进式图像、数据处理和WebP格式的人,WebP格式是图像的无损和有损压缩。我对创建Canvas元素和操作Canvas的内容不感兴趣。我对一种可以在客户端或服务器上使用并且可以通过HTTP或套

javascript - 将 Base64 图像发布到 Mvc Controller

考虑这个base64编码图像我想将此src发布到MvcController,但是当使用ajax发布时获取null是post方法。varfile=document.getElementById("base64image").src;varformdata=newFormData();formdata.append("base64image",file);$.ajax({url:"http://localhost:26792/home/SaveImage",type:"POST",data:file});MvcController[HttpPost]publicvoidSaveImage(

javascript - 当不是 'in view' 时如何卸载图像以节省内存?

我有一个很长的图片库,我希望能够在移动设备上显示这些图片而不会导致浏览器崩溃或滚动不流畅。有很多插件可以延迟加载图像,但是有没有什么东西可以在不在View中时卸载图像以节省内存? 最佳答案 这是引自LinkedIn工程团队博客文章LinkedInforiPad:5techniquesforsmoothinfinitescrollinginHTML5与这个问题相关:UIWebView/MobileSafarihavestrictlimitsforimages.Ourstreamisfullofbigimages,sowehitthel

javascript - 使用 FormData 上传 base64 编码的图像?

我有一个jpeg作为base64编码的字符串。varimage="/9j/4AAQSkZJRgABAQEAS..."我想使用FormData将此jpeg上传到服务器。vardata=newFormData();将图像附加到数据的正确方法是什么? 最佳答案 varimgBase64="data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAMCA..."//yourbse64imageonSubmit(){constfile=DataURIToBlob(imgBase64)co