草庐IT

Python用turtle库绘制图形——漂亮的玫瑰

全部标签

javascript - 在 HTML5 Canvas 上绘制 1 像素线的完整解决方案

在HTML5Canvas上绘制1像素线总是有问题。(引用http://jsbin.com/voqubexu/1/edit?js,output)绘制垂直/水平线的方法是x+0.5,y+0.5(引用Canvaslinebehaviourwhen0)。要在全局范围内执行此操作,ctx.translate(0.5,0.5);是个好主意。但是,当涉及到对Angular线时,这种方法就不起作用了。它总是给出一条2像素的线。有没有办法阻止这种浏览器行为?如果没有,是否有可以解决此问题的软件包? 最佳答案 您提到的“更宽”的线是由浏览器自动完成的抗

javascript - WebGL 中的体绘制

关闭。这个问题不符合StackOverflowguidelines.它目前不接受答案。我们不允许提问寻求书籍、工具、软件库等的推荐。您可以编辑问题,以便用事实和引用来回答。关闭5年前。Improvethisquestion我有:包含要显示的3d数据集的3D数组一个4x4矩阵,用于定义要显示的体积的间距/比例/方向不透明度传递函数颜色传递函数我想使用ThreeJS对该数据进行体积渲染(MIP、RayCasting等)。是否有一些可用的着色器/演示?我应该直接在着色器级别还是在javascript中工作?任何提示/代码示例将不胜感激,最好的

javascript - 确定定界形状边界的点的算法——使用 javascript

我正在开发一个htmlmap制作器,我想为我们的用户提供通过单击区域快速创建形状的能力,而不是让他们手动定义形状。首先让我们看看我们目前正在做什么。用户想要绘制区域A。他需要做的是在每个点上多次单击以定义形状的边界。我想知道是否有一种算法允许用户在A区域中单击并可以确定要放置哪些点以便在形状边界之后创建接近最佳的形状-基于图像对比度。我处理这个问题的第一个想法是确定离点击点最远的上、左、下、右点。将这四点作为我们的出发点。然后对于每个段,用一个新点对其进行分割,并沿着向量法线移动新点,直到我碰到对比边缘。当然,这种方法有一些局限性,但这是我可以假设的形状可以是凸的,凹的等等...对比度

javascript - 如何在 D3 Javascript 中绘制一个简单的力导向图

我正在学习本教程:>http://bl.ocks.org/mbostock/4062045用于在D3Javascript中可视化力定向图。上面的链接也有代码和JSON文件。我有两个问题。节点是如何链接的?以下是链接和节点及其位置的代码:force.on("tick",function(){link.attr("x1",function(d){returnd.source.x;}).attr("y1",function(d){returnd.source.y;}).attr("x2",function(d){returnd.target.x;}).attr("y2",function(d

javascript - 通过javascript获取SVG图形的大小

在html页面中添加一个svg图形,通常使用object标签这样包裹起来:thisbrowserisnotabletoshowSVG:http://getfirefox.comisfreeanddoesit!IfyouuseInternetExplorer,youcanalsogetaplugin:http://www.adobe.com/svg/viewer/install/main.html如果不在对象标签中使用宽度和高度属性,则svg将以全尺寸显示。通常我从OpenGraphicsLibrary获取svg文件进行测试。有什么方法可以使用JavaScript获取svg的大小吗?或者

javascript - 谷歌地图劫持​​了 iphone 的滚动(触摸事件)——如何恢复?

我使用JQuery。我使用googlemapsapiv3。现在,在我的iPhone上,如果我将手指放在map区域,我无法向下滚动页面。map选项中的draggable:false不起作用。它只是阻止map在内部移动。找到了这些类似的问题,但无法从中得到答案:HowcanIdisablescrollingontheGoogleMapsmobilelayout?EmbedGoogleMapsonpagewithoutoverridingiPhonescrollbehaviorGoogleMapsAPI;SuppressMapPanningtoenablePageScrolling有什么简单

javascript - Google+ 使用 JavaScript 登录——立即调用两次回调

我正在尝试按照Google+指南使用我自己的按钮启动Google+登录流程。关于回调函数,gapi.auth.signIn引用说(引用):"Afunctionintheglobalnamespace,whichiscalledwhenthesign-inbuttonisrenderedandalsocalledafterasign-inflowcompletes."出现Google登录对话框,要求我登录,但在与该对话框进行任何交互之前,回调被立即调用了两次。两次我都得到类似的authResult,error="immediate_failed",error_subtype="acces

javascript - 如何使用 Javascript 在 SVG 中绘制不可缩放的圆

我正在开发一张map,在Javascript中使用SVG绘制线条。我想添加一个可以搜索道路的功能,如果找到道路,map上会出现一个圆圈。我知道我可以在SVG中画一个圆,但我的问题是,圆的大小不应该根据缩放级别而改变。换句话说,圆必须始终具有相同的大小。我map上的道路有这个功能,我所要做的就是添加vector-effect="non-scaling-stroke"到行属性..一行看起来像这样。圆圈看起来像这样。是否可以通过某种方式将圆定义为“非缩放”? 最佳答案 我花了一段时间,但我终于把数学搞清楚了。此解决方案需要三件事:包括th

javascript - Javascript中的Google Maps API,绘制圆的半径?

我正在寻找一种方法来绘制圆的半径或从圆的中心到圆的边缘的线(在以度为单位的精确坐标处)。这可能吗?怎么办?目前,我用API从我的map中心画了一个圆圈。我不认为它有帮助...我想要的示例:http://twitpic.com/aq40vvvarsunCircle={strokeColor:"#c3fc49",strokeOpacity:0.8,strokeWeight:2,fillColor:"#c3fc49",fillOpacity:0.35,map:map,center:latlng,radius:1500};cityCircle=newgoogle.maps.Circle(sun

javascript - 使用 X,Y 坐标绘制圆内的点

在javascript中有没有办法绘制x,y坐标,使它们落入圆形而不是正方形?例如,如果我有以下代码:circleRadius=100;context.drawImage(img_elem,dx,dy,dw,dh);我需要找出落在100像素圆内的x,y值的组合。谢谢! 最佳答案 在-100到100之间随机选择一个x圆由x^2+y^2=r^2定义,在您的例子中等于100^2=10000从这个等式中您可以得到y^2=10000-x^2,因此具有选定x和y=+/-sqrt(10000-x^2)将位于圆圈上。在点3找到的两个坐标之间随机选择