草庐IT

图像化

全部标签

javascript - 模型更改时angularjs图像src更改

我正在服务器上旋转图像,我想知道如何在我的页面上显示图像变化?我想我必须使用$scope.$apply()但每次我使用它时都会收到错误消息“正在进行摘要循环”模板.htmlController.jsphotoalbumServ.rotate_photo(post).then(function(data){//afterservermodifiesphoto$scope.tempimagefilepath=$scope.baseurl+"user_images/user_43/temp/123-temp.jpg";$scope.$apply();});谢谢解决方法:我的解决方案是更改范围

javascript - 在 Fabric.js 中保留图像的纵横比

如何保持加载到Canvas上的图像的纵横比?当图像从本地系统加载到Canvas上时,我使用width=canvas.width和height=canvas.height创建图像对象。但是缺少质量。即使加载的图像分辨率更高。有什么方法可以保留加载图像的纵横比吗? 最佳答案 我做对了吗:您想用图像填充Canvas,保持比例并overflowhidden?你应该重新计算它们:cw,ch-Canvas尺寸iw,ih-图像尺寸ih=imgObj.naturalHeight;iw=imgObj.naturalWidth;fw,fh-最终维度wi

javascript - 如果图像 'src' 是 '(unknown)' 替换为 'missing.png'

如果数据库中未提供图像,我的CMS会生成imgsrc="(unknown)"。我想在发生这种情况时使用javascript将其更改为imgsrc="/images/missing.png"作为一个完整的JS菜鸟,我尝试了几种hack,但似乎都没有用……有什么想法吗?(如果有任何不同,页面上可能有不止一张图片) 最佳答案 如果您使用onError事件处理丢失的图像src,这应该对您有用 关于javascript-如果图像'src'是'(unknown)'替换为'missing.png',我

javascript - 如何在文档准备好和图像加载后调用函数?

我正在使用这样的东西:$(document).ready(function(){$('#my-img').load(function(){//dosomething});});但有时它无法执行第二个回调(没有抛出任何错误,因此无事可做),我想可能是在文档准备好之前加载了图像。如果我不使用$(document).ready()部分,它工作正常,所以我想我现在要保留它。但是有人告诉我,在文档准备好时总是做这种事情作为回调是一个很好的做法,因为文档可能还没有准备好。是吗?有什么想法吗? 最佳答案 取自documentationonload

Javascript 将动态图像从 URL 绘制到 Canvas 元素上

我正在尝试使用其URL将动态PNG图像(由PHP脚本生成的图像)​​绘制到Canvas元素上。我无法真正发布我正在测试的页面的确切URL,因为您必须登录该网站。我正在使用的动态图像URL之一的示例是:http://www.website.com/includes/dynamicimage.php?ID=29718958161如果您登录到这个特定网站并将该URL粘贴到您的地址栏中,它会正确显示图像。但是,以下Javascript代码无法将其正确绘制到Canvas元素上:functioncheckImage(imageContext){varcanvas=document.createEl

javascript - Node JS 如何将图像与请求数据一起发布到另一个服务器/api

我正在尝试将图像从我的NodeJS应用程序发布到另一个RESTAPI。我在MongoDB中有图像(作为二进制数组数据),该图像由NodeJS读取,然后应该发布到另一个API。我面临的问题是如何将请求数据与图像一起发送?我有应该与图像一起发布的原始数据(JSON格式):{"data":{"client":"abc","address":"123"},"meta":{"owner":"yourself","host":"hostishere"}}我需要使用“请求”模块来执行此操作。如果有帮助,我可以使用“multer”。但是,我坚持如何将上述请求数据与图像流一起发送。以下是我当前的代码。你

javascript - 使用 Javascript onclick 更改图像 alt

我有一个缩略图,单击它会在页面上更改为更大的图像。我通过使用onclick更改.src来让那部分代码工作。还有一种方法可以通过onclick更改alt和title属性吗? 最佳答案 您可以使用setAttribute或直接设置属性。无论哪种方式都有效,setAttribute是标准的DOM方法。el.onclick=function(){vart=document.getElementById('blah');//firstwayt.src='blah.jpg';t.title='newtitle';t.alt='foo';//al

javascript - 使用鼠标在 Canvas 中旋转图像

在我的代码中,我将图像加载到Canvas中。然后我需要调整大小、旋转和拖动它。我设法实现了拖动和调整大小。如何在此代码上使用鼠标实现旋转(沿着图像的中心)。我的HTML页面:body{background-color:ivory;padding:10px;}#canvas{border:1pxsolidred;}$(function(){varcanvas=document.getElementById("canvas");varctx=canvas.getContext("2d");varcanvasOffset=$("#canvas").offset();varoffsetX=ca

javascript - 根据浏览器窗口尺寸自动调整图像大小

我有一个带有100%宽度页眉和粘性页脚的基本网页布局。在两者之间我有一个大图形。我希望图形根据窗口大小动态调整大小。我不喜欢使用flash,并且想知道是否有一种简单的方法可以使用jquery/javascript来做到这一点。我不是jquery/javascript专家,所以我想知道如何解决这个问题,因为那里已经有一个组件可以做到这一点。 最佳答案 .wrapper{width:58.536585%;/*960/1640=.58536585*/margin:0auto;}.resize{width:100%;height:auto;

javascript - Highcharts:将可点击图像添加到每个 xAxis gridLine

我正在构建一些自定义功能,用户可以点击折线图中的数据点来为该日期添加注释。这有点误导,因为注释实际上并没有附加到指标本身,而是附加到它登陆的日期。换句话说,如果我在一个折线图上有6个系列,跨越日期01/01/12-01/08/12,则01/05/12上的单个注释将适用于所有6个系列。因此,正如您可以想象的那样,单击6个系列之一的数据点或日期01/05/12会误导用户认为此注释将应用于该数据点,而不是整个日期和任何系列在那个日期降落。因此,为了解决这个可用性问题,我决定最好的视觉提示应该是这样的:每个xAxisgridLine的顶部都会有一个可点击的图标,它需要随xAxisgridLin