草庐IT

绘制工具

全部标签

javascript - React 传单绘制 - 缺少标记图标和拖动处理程序

我正在使用Reactleafletdraw来绘制多边形和圆形。但是当我选择编辑多边形时,没有用于移动和调整大小的拖动处理程序。如果有人遇到同样的问题,如何解决?这是代码this.handleAreaSelection(event)}boxZoom={false}ref={map=>{this.map=map}}center={this.props.center}zoom={this.props.zoom}minZoom={this.props.minZoom}maxZoom={this.props.maxZoom}attributionControl={false}doubleClic

javascript - 无法在检查器/开发工具中选择 Chrome 扩展程序/代码环境

我正在开发一个chrome扩展,以使用jQuery突出显示Facebook通知。当Facebook第一次加载时,我可以加载它,但过了一会儿它停止工作。在list中,我尝试将持久性设置为true和false,没有区别。我试过使用background.js。我一直在摆弄chrome.tabs.onActivated和.onHighlighted并且可以获得显示的警报,但是我的代码或jQuery$没有被看到。在开发工具中,我的扩展没有列在我可以在这里选择使用的环境中我的代码:list.json{"name":"FacebookYournotificationhighlight","versi

javascript - 使用 options.items 与标题的 JQuery UI 工具提示扩展

我为JQueryUItooltipwidget写了以下扩展这允许工具提示具有从HTMLElement的html获取其内容的上下文。但是,我对“title”属性进行了硬编码,但我想使用options.items中定义的任何属性。.例如,如果他们希望工具提示使用alt标记,则扩展会使用html内容填充该属性。我也在寻找正确转义contentIdstringconcatenation的jqueryui方法$(function(){(function(){varcache={};$.widget("custom.tooltipContent",$.ui.tooltip,{_init:funct

javascript - NodeJS中有没有合并前端JS文件的工具?

我有前端JS文件:-js-a.js-b.js-c.js我请求http://example.com/js/all.js,我会得到一个包含a.js所有内容的文件,b.js和c.js。NodeJS中有没有库提供这样的功能? 最佳答案 require.js如果Nodecommon.js不够,应该提供您正在寻找的功能。 关于javascript-NodeJS中有没有合并前端JS文件的工具?,我们在StackOverflow上找到一个类似的问题: https://stac

javascript - D3.js:折线图 - 工具提示和悬停垂直线

我一直在研究使用D3.js构建的交互式折线图。悬停一次我希望工具提示显示为一条垂直线。垂直线很好,但是,我遇到了与工具提示相关的问题。工具提示位置不在图表上,我只得到第一个数据元素。这是我的代码:margin={top:20,right:20,bottom:20,left:50};varwidth=Math.max(250,Math.min(700,d3.select("#content").width-margin.left-margin.right)),height=500;varvis=d3.select("#line_chart").append("svg").attr("wi

javascript - 最小的工具提示脚本(无 jQuery)

有人知道吗?我在网上找到的所有工具都使用jQuery或Prototype,我不想加载它们只是为了显示一些工具提示。 最佳答案 qTip是我所知道的最小的工具提示库(只有2K文件大小)并且不需要jQuery或外部插件。此外,它还是少数与IE5.5及更高版本兼容的插件之一。qTip:http://qrayg.com/learn/code/qtip更多工具提示插件(其中一些确实需要jQuery):引用:http://coding.smashingmagazine.com/2007/06/12/tooltips-scripts-ajax-j

javascript - 在 HTML canvas 上一条接一条地绘制连续的线条

我正在尝试为上述问题编写代码。我试着找到解决办法。这是我目前拥有的。varcanvas=document.getElementById('canvas');varcontext=canvas.getContext('2d');vardrawColorLine=function(start,end,color){vardeltaX,deltaY,i=0,currLength=0,isHor,isVert;deltaX=end[0]-start[0];deltaY=end[1]-start[1];context.strokeStyle=color;isHor=deltaX===0?0:1;

javascript - 将字节转换为图像以在 HTML5 Canvas 上绘制

有人知道我如何将通过websocket(从C#应用程序)发送的字节转换为图像吗?然后我想在Canvas上绘制图像。我可以看到两种方法:以某种方式在Canvas上以字节形式绘制图像而不进行转换它。然后在javascript中以某种方式将字节转换为base64字符串画画。这是我接收绘图字节的函数:functiondraw(imgData){varimg=newImage();img.onload=function(){cxt.drawImage(img,0,0,canvas.width,canvas.height);};//WhatIwasusingbefore...img.src="da

javascript - 如何在 nvd3 饼图的工具提示中获取百分比?

我有一个nvd3饼图。我正在获取百分比值作为标签,但我希望它出现在工具提示中。这是HTML:数据Data1=[{key:"Ongoing",y:20},{key:"completed",y:0}];这是将键显示为工具提示数据的工具提示函数。$scope.toolTipContentFunction=function(){returnfunction(key,x,y,e,graph){return''+key+''}} 最佳答案 这是一个jsfiddle在工具提示中显示百分比。关键代码是这样的:(你必须计算构成饼图的所有值的总和)va

javascript - ChartJs 折线图在悬停时重新绘制故障

我有以下代码利用ChartJS库。/*assumethetagsintherightplace*/varctx=$("#graph1").get(0).getContext("2d");varmyChart=newChart(ctx).Line(graph1Generator("day"));...一切正常,但在添加以下事件处理程序以使用不同数据清除和重新绘制相同图表后,出现故障。weekButton.addEventListener("click",function(){ctx.clearRect(0,0,300,300);ctx.canvas.width=300;ctx.canva