草庐IT

c++ - 清晰缩放图像的算法

全部标签

javascript - v4 中的 d3 缩放功能问题

我在使用v4时遇到D3中的缩放功能问题。它抛出一个错误,指出zoom.translate未定义。我主要使用此答案中的以下代码d3focusonnodeonclick,这对v3非常有效。但是,由于我在使用v3时遇到问题,因为它对源和节点采用字符串形式(而不是索引)的数据有限制D3JSONfilewithsourceandindexasstringsratherthanindices,我切换到v4..linksline{stroke:#999;stroke-opacity:0.6;}.nodescircle{stroke:#fff;stroke-width:1.5px;}varsvg=d3

javascript - 在缩放/拖动时缩放/重绘 d3.js 网格线

我昨天才开始使用d3.js,但在完成我的工作时遇到了一些麻烦。现在我创建了一个带有两个y轴的图表,每个显示一些值,x轴显示日期。点击y轴上的值,我会显示相应的水平网格线。我的问题是,在放大或缩小或拖动时,网格线(水平和垂直)无法根据轴值正确缩放,它们根本就不动。我今天下午进行了很多搜索,找到了一些如何执行此操作的示例,但它们似乎都不适用于我已有的代码。我想,应该将逻辑添加到缩放行为中,但我不确定//xaxisgridlinesfunctionmake_x_gridlines(){returnd3.axisBottom(x).ticks(5)}//addtheXgridlinesletx

javascript - 通过单击缩放按钮放大和缩小图像 (Javascript)

我正在尝试通过两个缩放按钮(+)和(-)放大和缩小图像。问题是当图像为全屏尺寸(宽度100%)时“放大”停止。我需要将图像放大到比屏幕尺寸大得多。只是不知道该怎么做。我是Javascript的初学者,所以我希望有人有动力帮助我解决这个Javascript小问题。我想知道是否有任何简单的放大/缩小/重置插件可以与缩放按钮一起使用?图像抓取也很酷。再次感谢!functionzoomin(){varmyImg=document.getElementById("map");varcurrWidth=myImg.clientWidth;if(currWidth==2500)returnfalse

Javascript 帮助 - 生成全 0 的 selfDividingNumbers 算法

问候StackOverflow!首先,这是我的第一个问题!我正在尝试解决selfDividingNumbers算法,但遇到了这个有趣的问题。此函数应该采用一系列数字来检查它们是否自除。自除示例:128isaself-dividingnumberbecause128%1==0,128%2==0,and128%8==0.我对Javascript的尝试。/*selfDividingNumbers(1,22);*/varselfDividingNumbers=function(left,right){varoutput=[];while(left将当前下限与下限的当前数字进行比较时,left%

javascript - 如何使用 Reactjs 在新选项卡中将 Canvas 作为图像打开

我目前有一个由JsBarcode的react实现生成的Canvas条码,称为react-barcode。目前,我可以右键单击Canvas并在新选项卡中将其作为图像打开。我如何通过单击按钮来实现此功能?我已经检查了这个问题的几个答案,但它们都使用jquery。我正在寻找React或纯js的实现。 最佳答案 使用HTMLCanvasElement#toDataURLTheHTMLCanvasElement.toDataURL()methodreturnsadataURIcontainingarepresentationoftheimag

javascript - 对 JavaScript 中的递归和执行流程有更清晰的解释吗?

我在阅读EloquentJavaScript时遇到了这个谜题示例:Considerthispuzzle:Bystartingfromthenumber1andrepeatedlyeitheradding5ormultiplyingby3,aninfiniteamountofnewnumberscanbeproduced.Howwouldyouwriteafunctionthat,givenanumber,triestofindasequenceofadditionsandmultiplicationsthatproducethatnumber?这是解决方案的代码:functionfin

javascript - 搜索算法

我正在寻找一种有效的搜索算法来获取集合中的最长最短重复模式(~2k个整数),我的集合由这个组成只有重复模式(重复模式之间没有噪音),但模式的最后一次出现可能是不完整的。例子:我有:[2,4,1,2,4,1,2,4,1,2,4,1,2,4,1]我想收到:[2,4,1]我有:[21,1,15,22,21,1,15,22,21,1,15,22,21,1,15]我想收到:[21,1,15,22]我有:[3,2,3,2,5]我想收到:[](没有模式)(为便于阅读而添加的空格) 最佳答案 非常直接的算法如下所示(在Python中,但转换为Jav

javascript预加载图像 - 检查图像是否被缓存/加载以防止预加载

我有一些疑问,我已经确定了,但仍然想非常准确。如果这是一个重复的问题,那么请给我链接,以便我删除这个问题并引用提供的链接我需要预加载一些图片。如果它们已经存在于浏览器缓存中,我不想预加载。如果我们要预加载,那么我们会使用发送请求的javascript代码进行预加载。我们也有一个imgsrc用于html文档中的相同图像。浏览器会两次请求图像。一个是在预加载时,另一个是在看到img标签时?我希望预加载和imgsrc过程是异步的。我希望像obj.src=path这样的图像链接时获取的资源和请求是相同的。我希望预加载不会像同步Ajax那样工作。那就是优先考虑是否有可能知道图像是否在缓存中,以便

javascript - 如何将图像粘贴到 Web 应用程序中?有哪些解决方案? HTML 5 Canvas ?

我目前正在构建一个非常简单的网络应用程序,它需要能够在浏览网络时复制图像,然后将其粘贴到我的页面上。我知道这种功能是可行的-因为我在写消息时将图像粘贴到gmail和Tumblr(我相信他们使用TinyMCE作为他们的编辑器)。经过长时间的搜索-我对可用解决方案的解释质量很差感到难过。这是我收集到的:$(document).bind('paste',function(e){console.log(e);})检查事件对象,似乎只有在有文本时才包含数据(无论如何在Chrome中)。我知道IE有一个clipboardData对象,可以让您访问剪贴板内容。我还听说过使用Flash、JavaApp

javascript - 动画图像在长时间的 Javascript 方法调用期间不动

在运行10秒向html添加一些元素的方法中,动画gif根本没有移动,给人一种网页卡住的感觉。任何解决办法。示例代码:$('#button).click(function(){showAnimatedGif();longRunningMethod();hideAnimatedGif();});解决此问题的一种方法是将长时间运行的方法分解为多个步骤并以这种方式设置动画,但是您必须以这种方式为每个长时间运行的方法编写代码。想知道是否还有其他方法可以做到这一点? 最佳答案 确保动画实际发生的唯一方法是让longRunningMethod定期