草庐IT

在其中心旋转帆布弧

全部标签

Javascript 以不同大小调整图像大小,其中只有宽度很重要

我正在尝试为Photoshop制作一个脚本,该脚本可以将打开的图像调整为不同大小,其中只有宽度很重要。目标是在每次调整大小后,它应该恢复图像的原始状态并运行不同的宽度。网上有一些脚本几乎可以做到这一点,但我只会出错。我得到的错误是“undefinedisnotanobject”。目前我有以下脚本,但卡住了://getareferencetothecurrent(active)documentandstoreitinavariablenamed"doc"doc=app.activeDocument;//theseareourvaluesfortheENDRESULTwidthandhei

javascript - 使用 WebPack,我如何创建准备好使用 "split" bundle ,其中一个依赖于另一个?

我的问题非常接近others我相信的答案仍然需要我想避免的另一个WebPack步骤。但首先是故事:我有一个Node模块(我们称之为libfoo),它提供了一些功能并需要一些第三方模块,和一个小脚本main.js,它提供主要入口点并需要libfoo:ma​​in.js:constfoo=require('foo');functionmain(){foo.bar();}main();我现在想使用WebPack将libfoo和main.js转换为浏览器可执行文件可交付成果。我希望libfoo(相当大)静态驻留在目标系统上,而main.js非常小并且变化很快(试想一个测试场景,其中libfoo

javascript - 根据管端法线将旋转应用于圆柱体

我正在尝试在three.js中制作弯曲的3D箭头。为了完成此任务,我创建了一个沿着弯曲路径的Tube和一个形状为圆锥形的Cylinder(通过将radiusTop设置为微小)。他们目前看起来像这样:我试图将箭头头(圆柱体为圆锥形)放置在电子管的末端,如下所示:(Photoshopped)我的数学不是很强,对three.js还是很陌生。有人可以帮助我了解如何将两者连接起来吗?这是我当前的代码:importTfrom'three';varfindY=function(r,x){returnMath.sqrt((r*r)-(x*x));}varradius=25;varx=0;varz=0;

javascript - 如何使用 JavaScript 修复图像透视变形和旋转?

我有一些使用手机拍摄的图像。是否有任何JavaScript库可以拉直纸张的照片并将其展平?例如,我想创建一个矩形图像,而该图像没有任何失真。换句话说我想知道如何用JavaScript修复透视扭曲和旋转?例如,我在下面的示例图片中找到了this文章:如何用javascript修复这种类型的图像? 最佳答案 不需要额外的npm包,创建一个不规则的裁剪框就可以实现,首先将图像加载到Canvas中,在图像上调整4个裁剪点,将部分放入一个规则的矩形Canvas中。点击此链接获取详细代码和步骤ImagePerspectivecorrection

javascript - 通过一组 N 个点绘制一条曲线,其中 N>2

我需要使用Javascript通过N>2的N个点平滑地绘制一条曲线。我目前在html5Canvas对象中使用bezierCurveTo()。我投入了大量时间来寻找实现此目的的最佳方法,虽然Catmull-RomSplines听起来很有前途,但我不知道有什么方法可以将它们绘制成线条。因此,我只剩下Poly-lineBézier曲线,需要找到所有中间控制点。我花了很多时间重新学习数学,但我有一个部分可用的例子here。这条线有时不是特别平滑,而且我的控制点对于某些矢量是关闭的问题。Here是我最初的math.stackexchange问题,我要求它获得控制点的大部分数学。我也愿意使用Cat

javascript - 使用旋转/缩放/平移在 Google map 上定位图像

我正在开发一个用于在谷歌地图上定位图像的用户界面。我从:http://overlay-tiler.googlecode.com/svn/trunk/upload.html开始这非常接近我想要的。但是我想要一个旋转工具、一个缩放工具和一个平移工具(后者存在)而不是3个接触点。我尝试添加一个旋转工具,但它没有像我预期的那样工作:我在左下角放了一个点来控制旋转(围绕图像的中心)。鼠标拖动控制点,我计算其他3个点。我的代码基于mover对象,但我更改了onMouseMove函数:overlaytiler.Rotater.prototype.rotateDot_=function(dot,the

javascript - 屏幕旋转时 WKWebView CSS 渲染问题

首先,所有可能的iOS版本上的UIWebView都可以完美运行,所以这是一个特定的WKWebView问题。在我完成WKWebView的实现后,我遇到了一个巨大的图形错误/问题。在纵向模式下,我的应用程序运行良好,但是当我将它旋转为横向时,会发生一些奇怪的事情,我的页眉和页脚无法正确呈现。如果我查看我的网络代码,我可以看到DOM中的CSS宽度正在使用正确的数据进行更新,但我只能看到页眉/页脚的纵向宽度(320px),即使它显示为style=“width:568px;”在DOM中。我正在使用positioning:fixed但如果我更改为positioning:relative它会在屏幕旋

javascript - 在使用 FileReader 上传之前预览图像,旋转图像

我看到很多关于在上传前查看图片的帖子。一篇文章有​​一个使用FileReader实现的非常简单的方法:functionreadURL(input){if(input.files&&input.files[0]){varreader=newFileReader();reader.onload=function(e){$('#preview_image').attr('src',e.target.result);}reader.readAsDataURL(input.files[0]);}}$("#image_input").change(function(){readURL(this);

javascript - winston 超过 maxsize 后我的日志文件不旋转

我有以下winston配置:'usestrict'importwinstonfrom'winston'importconfigfrom'../../config/environment'exportdefaultwinston.createLogger({level:'info',format:winston.format.printf(info=>info.message),transports:[newwinston.transports.Console(),newwinston.transports.File({filename:`${config.logsPath}/expre

javascript - Angular 4 - 检查是否所有页面资源都已完全加载(使加载器旋转直到所有资源都已完全加载)

我正在为我的Angular应用程序创建加载器。最常见的方法是在订阅http请求时传递bool参数,但我的服务的响应是一系列图片URL,因为页面中全是图片。因此,当检索到URL时,加载程序会停止,但由于连接速度较慢,用户会因为图像尚未完成加载而感到恼火。我曾尝试使用Javascript的加载事件来监听我的资源何时完成加载,以便我可以在那时停止加载器,但似乎我无法从监听器函数中操作加载器的值。这是我尝试过的://theTScomponentisLoading:boolean;ngOnInit(){this.isLoading=true;this.checkIfLoaded();}check