草庐IT

convert-canvas-image

全部标签

javascript - Vis.js 网络 : how to add a node on click inside the canvas?

Manipulationmethodsofvis.js仅包括addNodeMode(),但不包括addNode()之类的东西。我想知道是否有一些不错的方法可以在单击时创建节点。可能是通过操纵数据而不是网络本身?当然可以去network.on('click',function(params){if((params.nodes.length==0)&&(params.edges.length==0)){network.addNodeMode();//doesn'tadd,onemoreclickneeded//#generateclickinthesameplace.Useparams.p

javascript - 具有动态图像源的可重用 Gatsby-Image 组件

我正在考虑在我的下一个项目中使用Gatsby-Image,并且已经尝试了一些。我让它在我的测试项目上工作,但后来我想出了一个用例,我想像使用常规一样使用Gatsby的标签。标签。如何使Gatsby组件可重用?importReactfrom"react"import{StaticQuery,graphql}from"gatsby"importImgfrom"gatsby-image"functionrenderImage({file}){console.log({file})return}//StatelessImagecomponentwhichIguesswill//receivet

固定长度的 Javascript Canvas 曲线

我想绘制任意(随机)曲线,给定:起点终点曲线长度受Canvas边界限制,加上曲线不能交叉,我怎么能做这样的事情。我试图找到一些解决方案,但我无法弄清楚。感谢您的宝贵时间。这是我想要完成的更详细的View:这是画在Canvas上的二次曲线。一切都好。问题是,如何在没有所有点的情况下绘制它,仅使用以像素为单位的固定长度、随机点、受Canvas大小限制且不交叉。代码可能是这样的:functionfixedCurve(A,B,length){for(inti=A;i 最佳答案 试试这个(fiddle):functiondraw(){varc

javascript - 数据 :image/jpeg;base64 how to get its width and height in pixels

如何获取其src在data:image/jpeg;base64中的像素图像的宽度和高度?使用设置img.src并调用width()没有成功。varimg=jQuery("");img.width()//=0 最佳答案 这会起作用:varimg=newImage();img.onload=function(){alert(this.width);}img.src="data:image/jpeg;base64,/9j/4AAQSkZJRgABAgAA.......";FIDDLE我通过转换图像来确保base64有效here,onloa

javascript - Canvas 上的多个光源

我想在我正在制作的游戏的背景上放置多个光源,使用一个光源效果很好,如下所示:这是通过将.png图像放在其他所有东西之上来实现的,它变得更加透明,像这样:适用于一个光源,但我需要另一种方法,我可以添加更多光源并四处移动光源。我考虑过为每一帧逐个像素绘制一个类似的“阴影层”,并根据到每个光源的距离计算透明度。但是,这可能会很慢,我相信有更好的方法来解决这个问题。图像只是示例,每一帧将有相当多的内容可以使用requestAnimationFrame移动和更新。是否有一种轻量级且简单的方法来实现这一目标?提前致谢!编辑在ViliusL的帮助下,我想出了这个掩蔽解决方案:http://jsfid

javascript - 如何在 javascript Filereader 中将 .png 格式的图像转换为 .jpg 格式?

我开发了web应用程序,我正在使用文件阅读器来选择图像,因为我必须将图像.png格式转换为.jpeg格式。请帮助我完成任务。提前致谢。 最佳答案 这绝对可以通过HTML5canvas元素实现。只需在Canvas中绘制图像即可。(如果需要,可以隐藏Canvas元素)。然后使用canvas.toDataURL("image/jpeg");获取所需格式的图像的Base64符号。查看:http://davidwalsh.name/convert-canvas-image 关于javascript

javascript - 在 ReactJS 中的 VisJS 网络图的 Canvas 上添加多个节点框选择器

例子这里是一个在网络上绘制Canvas以选择多个节点的jQuery示例:http://jsfiddle.net/kbj54bas/(或Github)如何将其转换为React?沙盒我在这个沙箱中设置了react-graph-vis(source),并向图表添加了一个引用:https://codesandbox.io/s/5m2vv1yo04尝试在“”上使用React.createRef()将eventListers添加到Graph/canvas时遇到问题在Canvas上使用此方法时遇到问题:.getContext("2d")我觉得我不明白如何访问react-graph-vis方法ment

javascript - 未捕获的类型错误 : Cannot convert a Symbol value to a string

我从服务器收到以下JSON:然后我尝试在AJAX调用的success中使用$.map映射它,如下所示:$.ajax({type:"GET",url:urlGetStaticData,success:function(data){self.AvailableTags(data[0].Value);self.MeasurementUnits($.map(data[1].Value,function(item){returnko.mapping.fromJS(item)}));最后一行抛出以下异常:UncaughtTypeError:CannotconvertaSymbolvaluetoas

javascript - 如何在 Facebook Canvas 框架内捕获滚动事件?

当用户滚动facebook应用程序的Canvasiframe时,我正在尝试捕捉。我试过:$(window).scroll(...)$(document).scroll(...)$(parent).scroll(...)$(parent.document).scroll(...)但它不会触发。 最佳答案 我认为您的意思是在用户滚动主页时​​捕获,而不是iframe,对吗?您不能直接这样做,您必须使用FB.Canvas.getPageInfo,如http://developers.facebook.com/docs/reference/

javascript - 如何通过 JavaScript 动态更改 Canvas 的样式大小?

这个问题在这里已经有了答案:CanvasisstretchedwhenusingCSSbutnormalwith"width"/"height"properties(10个答案)关闭6年前。Canvas的大小(宽高)可以改变,但Canvas的样式大小不能动态改变。canvas=document.getElementById('test_fabric');ctx=this.canvas.getContext('2d');canvas.style.width=1000;//doesnotwork.canvas.style.height=260;//doesnotwork.canvas.wi