草庐IT

dart - 在 Canvas 中绘制多条线

全部标签

javascript - 在 Node.js (Express) Facebook Canvas 应用程序中获取 signed_request

有什么方法可以在Node.jsFacebook页面选项卡应用程序中获取和解析signed_request?我需要知道页面ID以及用户是否喜欢该页面... 最佳答案 我刚才做了这个,最后写了一个小库来做这件事。原始CoffeeScript可以在https://gist.github.com/fbef51815ab6f062b51a#file_signed_request.coffee找到。,这是一个JavaScript翻译:varcrypto=require('crypto');SignedRequest=(function(){fu

javascript - 在 html5 Canvas 上旋转对象后返回未转换的鼠标坐标

我在html5Canvas中围绕可变原点旋转对象。如果用户点击新旋转的矩形中的给定点,我需要将返回的鼠标坐标围绕同一原点旋转回来。我画了一个非常快速的图,希望能更好地说明:我基本上需要一个函数,它将实际单击的鼠标坐标作为x和y,并将它们转换为旋转之前的对象位置。varorigin={x:100,y:100};varangle=45;functiontransformCoordinates(x,y){//Performcalculationtotransformcoordinatesreturn{x:newx,y:newy};}可用的变量将是旋转和Angular变换原点。以及Canvas

javascript - Angular 2/4 - Material Design Snackbars 按顺序显示多条消息

我实现了一个显示snackbar的“snackbar服务”:snackbar.service.tsimport{Subscription}from'rxjs/Subscription';import{Subject}from'rxjs/Subject';import{Inject,Injectable,OnDestroy}from'@angular/core';import{MatSnackBar,MdSnackBarConfig}from'@angular/material/snack-bar';import{MdSnackBarRef,SimpleSnackBar}from'@an

javascript - 使用 WebGL 将两个 Canvas 混合到一个 Canvas 上

我想要做的是将两个Canvas混合到一个Canvas上,用于我正在创建的绘图应用程序。我非常了解Javascript,但我真的不知道从哪里开始使用WebGL,因为这不是一项非常艰巨的任务,我假设如果我不使用它会产生更快的处理速度另一个库,如Three.js或其他类似的库。我已经拥有用户将在其上绘制的Canvas(我们称它们为CanvasA和B),它们都是隐藏的,CanvasC正在显示。我已经完成了主要的绘图应用程序,供用户选择要绘制的图层并在其上绘制,但是我如何才能使用WebGL使用某种混合模式(即:乘法)将两个图层混合在一起)随着用户继续使用WebGL编辑Canvas?起初我尝试关注

javascript - 为什么不绘制以编程方式插入的 SVG <tspan> 元素,d3.js 除外?

假设我想以编程方式插入额外的在以下SVG中的元素:onetwothree除其他外,这可以通过纯JavaScript(.appendChild)、jQuery(.append)和d3.js(.append)来完成。然而,尽管这三种方法都成功地插入了元素,但我似乎只能在d3.js插入元素时才能实际显示:请参阅此fiddle中的简化大小写:http://jsfiddle.net/2NLJY/.该行为在我测试过的浏览器中是一致的:Firefox、Chrome和Safari(所有OSX10.8)。这是怎么回事? 最佳答案 您不能使用creat

javascript - 从本地路径加载图像并将其绘制在 Canvas 上

我想在Canvas上绘制图像,其中图像的源将由用户动态设置。我在尝试为图像设置src时遇到以下错误:Notallowedtoloadlocalresource:file:///D:/My%20Picsb.jpg'有没有办法从本地驱动器加载文件以在Canvas上绘制它们?varimg=newImage();img.onload=function(){context.drawImage(img,20,20,50,50);};img.src="D:\MyPics\tb.jpg"; 最佳答案 出于安全原因,您想要的不会起作用。但是,您可以做

javascript - 试图删除 Canvas 上的弧形边框

我使用HTMLcanvasarc方法画了一个圆,但我想去掉圆的边框。我尝试设置lineWidth=0但它似乎不起作用。有没有办法去除Canvas中圆圈的边框?$(document).ready(function(){pie_chart=$('#pie_chart');varp=pie_chart[0].getContext('2d');varcanvas_width=pie_chart.width();varcanvas_height=pie_chart.height();p.beginPath();p.arc(canvas_width/2,canvas_height/2,150,0,

javascript - 分支图、生命之树、分支学、JS 或 Canvas 中的分类法?

好人——我需要一些帮助来找到创建交互式分支图或系统发育树的方法(是的,我已经阅读了所有相关帖子,但没有找到我要找的东西)。问题是,我需要节点可以命名。一个例子是这样的我发现的大多数脚本要么是applets、flash,要么根本不显示节点分类,即在本例中它会跳过“feliformia”。这对我没用,因为我最终会得到食肉动物-匿名节点-匿名节点-匿名节点-老虎,这并不好。这棵树在理论上将覆盖所有生命,因此它可以变得相当大,并从数据库中获取英文和拉丁文的链接和名称。所以:没有Flash,没有小程序。它必须是水平的,没有super树(圆形)。我经历过这个http://bioinfo.unice

javascript - 通过刷多路径图表无法绘制 d3.js Focus+Context

我已经用了几个星期了,但似乎无法弄清楚如何绘制下面的多路径图表。Focus+ContextviaBrushingchart我试图创建一个jsfiddle,但无法复制我得到的屏幕。在这一点上,我所拥有的与原始图表相似,只是只有一条路径而不是区域,并且刷牙工作正常。基本上尝试结合焦点图和多系列折线图Multiserieschart.但是,当我尝试添加另一条路径时,没有任何效果。请提出我需要做出的任何想法或更改以使其正常工作。还有其他类似的图表(或图表示例)我可以看一下吗?可以以任何方式或形式重新排列数据以使其起作用。Jsfiddlepath{fill:none;stroke:white;s

javascript - html2canvas javascript 屏幕截图和上传

是否可以使用html2canvas(This)拍摄用户屏幕的照片并上传图像,获取上传链接并使用ajax将其发送到网络服务器?如果是这样,我该怎么做? 最佳答案 是的,这样做当然是可能的。首先使用html2canvasapi给用户屏幕拍照:html2canvas(document.body).then(function(canvas){});然后使用以下函数将返回的Canvas图像转换为base64编码的URL(默认为png):canvas.toDataURL();SpecificationForcanvas.toDataURL现在构