晚上好，我想用Chart.js在条形图上画一条水平线。
我读了问题，我无法在条形图上画线，因为这是行图的实现。
我的代码被实现为
HTML
<div>
<canvas id="ctx"></canvas>
</div>
JS
var data = {
labels: ["Docente 1", "Docente 2", "Docente 3", "Docente 4", "Docente 5", "Docente 6", &
浏览 4提问于2016-07-25得票数 1
回答已采纳
1回答
如何在布兹尔画一条线？
、、、、
从字面上说，如何在布兹尔画一条线？我在GitHub上看到过GitHub，它是HTML的包装器，我还看到了和等，他们似乎通过JavaScript调用在画布上画画，所以它基本上是作为普通的JS代码执行的。
我想知道是否有另一种方法来画线和创建动画，像在巴兹尔，应该有接近本地性能。
有没有一种替代HTML画布和继续包装JS调用的方法来创建像动画这样的画线，比如支持这种功能的官方工具？
浏览 2提问于2019-11-12得票数 7
回答已采纳
1回答
这是直接来自的错误栏下的部分，我的csv文件与带有动态代码的html在同一个dir中。Firefox和Chrome都不会抛出错误，也不会画线。它只显示轴线和背景网格。我该怎么追查这件事？
.csv文件正在加载吗？我应该从哪里开始寻找，在动态图形-组合. in？
<html>
<head>
<script type="text/javascript" src="js/dygraph-combined.js"></script>
</head>
<body>
<div id="gr
浏览 5提问于2012-05-15得票数 0
回答已采纳
2回答
使用Three.js，我想要创建物体从电缆或绳索上摆动的效果。它不需要真正的物理原理，因为“摆动”的物体只是遵循固定的动画。最简单的解决方案是使用THREE.Line，但问题是THREE.Line只能有1px厚，而且看起来有点糟糕。
在three.js示例中，有一个“粗行”示例：
然而，问题是，一旦我使用LineGeometry()创建了这条线，我就不知道如何对其进行动画处理。
到目前为止，我找到的唯一解决方案是在每一帧中删除然后创建一行新行，这是可行的，但似乎是一种非常不经济的、优化得很差的方法。
有没有人知道更好的方法来动画线几何，而不必删除和替换每个帧？或者，在three.js中有其他
浏览 10提问于2020-06-17得票数 0
你好，我正在从事Android opengl es 1.1的工作。当我画线，它正确地工作在银河S6，其中有马里-T 760 gpu。但是当我在Nexus 4(Adreno 320)和ODG R7(Adreno 420)上运行相同的程序时，程序不能改变线宽，也不能画线。只画线条的一部分。我认为这是关于Adreno GPU的，但我不确定。如果是这样，是否有任何解决办法。需要帮助。谢谢，
浏览 7提问于2017-01-04得票数 0
回答已采纳
1回答
我在表单上有简单图表(TChart)。我试着打印这张图表
Chart1.Draw(TPrinterDrawer.Create(Printer), myRect);
图表打印好了。但当我在绘制图表后试图画线时，即：
printer.Canvas.MoveTo(Printer.PageWidth div 6, (Printer.PageHeight *4) div 5);
printer.Canvas.LineTo(Printer.PageWidth div 2, (Printer.PageHeight *4) div 5);
没有从打印图表到文档末尾的线条(在真正的打印机或位图画布上)。
当
浏览 3提问于2016-01-26得票数 0
回答已采纳
我用PDF幻灯片做了很多演示，我在幻灯片上注释(我的意思是用钢笔徒手画线)。对此(Windows上)最好的工具之一是边缘浏览器。你可以顺利地画线，并容易擦除它们。
然而，当浏览器是在PDF全屏模式(不是F11，也不是最大化按钮.你可以通过点击右上角的图标和两端箭头的对角线来达到"PDF全屏模式“)。在此模式下，您无法访问注释工具，只能在幻灯片中前后移动。
我想做的是编程一个键盘快捷键(用我的宏垫激活它)，以启用“绘制”模式(在全屏中)和另一个快捷方式，以拉出颜色菜单选择器。
我想这应该像写一些JS并把它贴在书签上一样简单，但是我的搜索fu是缺乏的。我不确定我是否见过有人这样做。
浏览 5提问于2022-05-31得票数 0
1回答
我刚接触Dojo和javascript。试着弄清楚一些基础知识。如果我有许多<div>对象，有没有办法在它们之间绘制和/或动画线条？
我看到dojox/ drawing /tools/Line可以用来在dojox.drawing.Drawing中绘图，但我没有想要在其中添加直线的绘图。相反，我只想在网页上的两个位置之间画一个箭头。我怀疑是通过动态创建和添加<div>，使用dojo将其转换为“行”，设置样式并正确定位。
浏览 1提问于2013-08-26得票数 0
1回答
晚安，亲爱的同学们！我需要两个绘图应用程序与两个按钮:选择和绘制线。按钮“选择”应该选择形状来转换它们。THe按钮画线应该画线。
现在，我的代码画了一行，并选择了它。我想分道扬镳。我该如何解决我的问题？
var Line = (function() {
function Line(canvas) {
this.canvas = canvas;
this.isDrawing = false;
this.bindEvents();
}
Line.prototype.bindEvents = function() {
var inst = this;
浏览 12提问于2021-12-22得票数 0
回答已采纳
1回答
我在玩jsplumb，我用它在div元素之间画线。我的div元素作为目标标记，定位在背景图像的顶部。最终，我试图形成一个飞行路线图。
例如，当用户在map - <div id="luton">上按LONDON时，它将在元素上切换类selected，并显示来自LONDON的所有目的地，其中的线条连接div元素。当用户按<button class="route-map reset">时，它将重置route-map元素中的所有div元素，禁用jsPlumb连接，并在所选元素上切换选定的类。
如何找到当前将selected类分配给它们的元素，并关
浏览 1提问于2013-12-14得票数 0
回答已采纳
我想根据用户的点击来画线。那就是用户会点击某个地方的起点和终点，我想在这里画一条直线。在d3.js中有这样的方法吗？有可能吗？
浏览 4提问于2014-08-20得票数 2
回答已采纳
2回答
我在一个关于如何在画布中绘图的堆栈溢出问题中发现了这一点，现在我希望画布覆盖我的整个html页面。例如：
<body>
<div id="2">
//code
</div>
<div id="2">
//code
</div>
</body>
因此，画布将附加到页面上，用户可以绘制页面的内容。那么，是否有任何方法来创造画布，以使100%的身体被隐藏在除了画线之外？
编辑：
如何在不使用上述代码的情况下连续绘制线条？另外，当你把鼠标传递到文本上时，有没有办法在文
浏览 7提问于2012-12-14得票数 0
回答已采纳
7回答
我正在寻找让用户画线(在图像上)的Javascript代码。
就像Photoshop中的线条工具(例如)：
用户单击图像，拖动鼠标(而起始点和鼠标点之间的线在鼠标拖动时动态绘制)。
我还需要一个可调用的函数来向页面发送开始和结束坐标。
我找到了这个非常好的区域选择脚本：
我找到了许多用于绘制线条(和JS中的其他形状)的脚本，但找不到我想要的东西。
谢谢
浏览 1提问于2010-03-25得票数 8
回答已采纳
我在div中有输入，我想画线的中心和下面，直到div ends.Like下面的点。我找不到任何实现this.So的东西，我需要你的帮助。 📷 这里是小提琴样例 <html>
<body>
<div style="border:1px solid black;height:200px">
<label for="fname">First name:</label>
<input type="text" id="fname" name="
浏览 12提问于2020-10-26得票数 0
回答已采纳
2回答
线按钮动画
、、、
我需要制作动画线时，悬停在按钮上，从中间的顶部，线应该走到不同的方向，并改变颜色。应该是这样的，但是，它是从顶部开始的：
<section class="hero">
<div class="svg-container">
<a class="magic-link" href="#">
<svg class="gradient" height="60" width="320" xm
浏览 3提问于2017-12-09得票数 1
1回答
在具有一些可拖动图像的html页面上，我们必须使用鼠标指针绘制形状或线条，绘制图像和形状是可以完成的，但不能在可拖图像.Also上绘制，如果用户移动图像时，先前绘制的形状应该保持不变。
他们的。同时，我已经能够创建形状和画线，但当我试图画线。
从图像上看，它回到了背景中。有人能建议我如何实现同样的用途吗？
canvas和html5，目前也在使用中。
浏览 5提问于2014-10-22得票数 1
回答已采纳
1回答
大家好，Node JS专家：
我用socket.io搭建了一个使用node js的白板，如下所示：
server.js
var io = require('socket.io').listen(6060);
io.sockets.on('connection', function (socket) {
socket.on('mydraw', function (data) {
console.log(data);
socket.broadcast.emit('mydraw', data);
});
客
浏览 0提问于2014-01-17得票数 0
7回答
在我的页面上，我有一组div元素，它们应该像我在下图中所示的那样用线条连接。我知道使用画布可以在这些元素之间画线，但是在html/css中是否可以用另一种方式来实现呢？
浏览 0提问于2013-10-15得票数 75
我想在html.is中画这样的东西，可以在html中画出矩形的标签吗？我认为可能是通过使用<hr>？
现在我刚刚画了一个长方形
这是代码
<div style="width:150px;height:80px;border:1px solid #000;">This is a rectangle!</div>
我如何在它周围画线，然后给它贴上标签
浏览 5提问于2014-01-10得票数 0
回答已采纳
2回答
我有一个函数，它根据它的parameters.So画线当我运行第一个函数调用的程序时，当我再次调用该函数时，我得到了所需的output.But，我没有得到第一个函数的线call.Instead我得到了第二个函数的线call.Please帮助我解决这个问题。 function draw_vertical_line(width, height, linecolor, xpos, ypos) {
$('.line').css({
'width': width,
'height': height,
'backgr
浏览 8提问于2020-09-18得票数 0
1回答
我有一个包含图像的画布，我想让用户在它上面画线，只在x轴上，而不需要清除背景图像。
var lala = document.getElementById('demo');
var canvas = lala,
ctx = canvas.getContext('2d'),
img = new Image;
img.onload = start;
img.src = 'https://via.placeholder.com/300';
function start() {
ctx.drawImage(img, 0, 0, demo.
浏览 3提问于2019-11-15得票数 1
回答已采纳
1回答
我正在使用创建一个半日志图表使用一些简单的数据。我尝试了许多示例，但在最后的图表中，没有绘制线条，也没有在浏览器控制台中看到任何错误。我在这个项目中使用了Next.js & Tailwind。
我也尝试使用时间序列图表中描述的技术，但这些技术也不起作用。
我已经知道了如何创建轴和滴答，现在我如何画线？
这是我的密码。
index.js
import {
Chart as ChartJS,
CategoryScale,
LogarithmicScale,
LogarithmicScaleOptions,
LinearScale,
PointElement,
浏览 7提问于2022-08-21得票数 1
回答已采纳
1回答
我在chart.js中有一个从-100到100之间的图表(修改为龙卷风图)。但我不想让图表在左边的数字前面直观地显示这些小人物。对如何移除它们有什么建议吗？
我也试图从上到下画线，以表示在图表上写的值(不清楚，中等，清晰等)，但没有成功。对此的任何帮助也将是非常感谢的。
<canvas id="bar-chart-horizontal" width="800" height="450"></canvas>
<div class="row justify-content-between">
&
浏览 1提问于2018-07-02得票数 0
回答已采纳
1回答
任何人都有在拉斐尔的两个形状之间绘制橡皮筋样式路径的示例代码。
我在上看到了一些关于渐进式绘制路径的问题
但我的要求是能够单击一个形状并将鼠标移动到另一个形状，当鼠标移动时，应该有一条线路径跟随鼠标，就像橡皮筋一样。一旦在第二个形状上单击，就必须锁定线条路径。
我试过用拉斐尔的Joint.js ，但它可以画线，但不能交互。
浏览 1提问于2011-12-07得票数 0
回答已采纳
3回答
我正在使用CGContextRef在iphone中画线。有人能建议我如何在iphone中用动画画线吗？
请提个建议。
浏览 2提问于2011-10-24得票数 4
1回答
我在mapbox上看到过几个动画线条的例子，但我还没有发现任何在两点之间创建线性线条的例子。我可以在地图上创建标记，也可以在这些标记之间画一条线。但是，我想慢慢地创建从起点(Start)到目的地(End)的那条线。下面是在两个坐标之间绘制直线的代码。我只想让它慢慢地(动画地)，然后重复那个动画。
<!DOCTYPE html>
<html>
<head>
<meta charset='utf-8' />
<title>Animate a line</title>
<meta n
浏览 12提问于2018-10-23得票数 3
2回答
在android上绘制线条和路径时能使用矩阵吗？
DrawBitmap方法以矩阵为参数，在画线时找不到类似的东西。
浏览 0提问于2012-11-26得票数 1
回答已采纳
我使用在div元素之间画线。我在init函数中添加了一个单击事件处理程序：
init: function() {
jsPlumb.bind('click', function (connection, e) {
// I have the connection object, but not a this context
});
}
这很好，但是我真的希望在事件处理程序中也有一个可以使用的，带有init上下文的这个。
浏览 3提问于2015-04-01得票数 0
1回答
使用jQuery插件: imgareaselect ()，我允许用户选择图像的区域来添加注释(就像flickr一样)。我的目标是让用户画箭头指向特定的图像区域，而不是绘制框。
你知道我是否(以及如何)可以修改imgareaselect (用箭头头)而不是选择框来画线吗？
我读到我可以使用画布或processing.js，但是AFAIK那些要么不能工作，要么对IE有限制。
谢谢，亚瑟尔
浏览 4提问于2010-10-17得票数 3
1回答
获取画布X和Y坐标并在屏幕上显示
、、、、
我目前正在学习画布触摸事件功能，我能够在画布上画线，现在我想在画线时得到x和y坐标，并在screen.please帮助上显示，并教我如何得到x和y值，谢谢！
这是编码
<!DOCTYPE html>
<html><head>
<style>
#contain {
width: 500px;
height: 120px;
top : 15px;
margin: 0 auto;
position: relative;
}
</style>
<script>
var canvas;
var ctx
浏览 4提问于2013-10-26得票数 1
回答已采纳
1回答
我试着用d3.js在绘制的点之间画线。
样品geojson (FeatureCollection of 3 LineString)：
完整的现有代码：
我对代码块有问题：
lines.append("g").selectAll("path")
.data(d3.entries(data.features)).enter()
.append("svg:path")
.attr("d", path)
圆圈出现了，但没有把它们连在一起的线。
任何帮助都将不胜感激！
浏览 1提问于2015-10-12得票数 0
回答已采纳
2回答
我用织物在画布上画线。
但是当我画新的线(在图片上的红线)，鼠标画选择矩形(在图片上蓝色)。看起来很难看。
我如何才能禁用此选择？
有这样的东西：
浏览 4提问于2015-12-08得票数 0
回答已采纳
1回答
<script>
export default {
name: 'App',
data() {
return {
getQuestionAnswers: [
{
name: 'foo',
checked: false,
status: 'good'
},
{
name: 'bar',
checked: false,
sta
浏览 4提问于2021-12-09得票数 2
回答已采纳
2回答
我是新的matlab图形用户界面。我想通过拖动鼠标来画线。我找到了，但我想用绘制的线条保存新的图像。如果我运行这一行，它将显示相同的图像。
imshow(im);
我怎样才能得到新的图像与画线，例如，显示它？
浏览 1提问于2014-05-27得票数 0
回答已采纳
现在，我在cocos2d-xCPP项目中有点困惑。我想用用户的手指来画线。下面是CCScene的屏幕截图：
📷
屏幕上有两个正方形。我想显示一个动画在第一个广场，让第二个画线与用户的触摸。
这两个正方形是CCSprite。我可以在CCLayer上画第二个点。但我不太明白，我应该在Sprite或Layer上画线。
或者还有其他方法来组织代码？
浏览 0提问于2013-11-25得票数 3
我尝试在同一个图形上绘制多个动画线条图，在matplotlib python中，每个线条图之间的延迟为1秒。 我之前的问题：How to create a delay between mutiple animations on the same graph (matplotlib, python) 我有一个列表：[10,20,30,40,50,60,2,3,5,200,300,500] 我想将列表列表中的每个元素绘制为同一图形上的动画线条图。动画应该绘制第一个列表，然后绘制第二个列表，然后绘制第三个列表，然后绘制第四个列表。它们不应该同时绘制。 谢谢 ?
浏览 38提问于2020-06-18得票数 0
回答已采纳
1回答
我是新来的。我试着用画线制作成一组形状的复合材料。在LibreOffice文档上，我可以制作，但是使用Poi似乎更困难。
例如：
浏览 12提问于2022-01-06得票数 0
回答已采纳
1回答
在OpenGL中，我们可以使用glEnable (GL_LINE_STIPPLE);glLineStipple(2,0x00FF);设置线条图案；在dx9中，我们可以使用ID3DXLine的SetPattern(0x00FF)方法来绘制点画线条。
但是在dx11中似乎没有这样一种方法来设置点画线条的图案。如果这是真的，我想知道在dx11中是否有一种聪明的方法来绘制点画线条？
浏览 8提问于2012-08-13得票数 1
回答已采纳
我正在尝试在列表中的悬停链接下面创建一条从左到右的动画线条。现在，在悬停时什么都不会发生。
这是一个让它在单个链接上工作的示例，但我在上面的小提琴中没有任何运气：
<nav class="contact-nav">
<ul>
<li><span class="name_2"><a href="mailto:xxx@gmail.com">xxx@gmail.com</a><div class="slider"></div>&
浏览 0提问于2016-01-23得票数 1
我正在尝试创建一个动画，其中每个元素都会根据父div的背景改变其颜色。我正在使用制作动画。它把所有东西都画在画布上。
下面是我的设置：。
将mix-blend-mode: difference;添加到画布后，尽管画布(#pt)的背景设置为透明，但整个渐变背景都会消失。我希望动画线条能够像静态文本一样动态地改变颜色。我怎样才能做到这一点？用纯CSS能做到吗？
浏览 18提问于2019-10-23得票数 0
回答已采纳
1回答
如何在画布中画线
、、、、
我想用下面的方式在画布上画一些圆圈内的线。
我不知道怎么画线，如下所示。但我有在画布上画线和弧线的基本知识。怎么继续？
浏览 1提问于2014-02-18得票数 3
回答已采纳
在之后，我尝试在饼图中绘制一条透明的笔画线：
var options = { segmentStrokeColor: "rgba(255,255,255,0)" };
或
var options = { segmentStrokeColor: "transparent" };
但是，笔画线不是用这些值绘制的。当然，如果我用其他颜色的话，它也能用。
浏览 4提问于2015-06-05得票数 3
回答已采纳
1回答
因此，基本上，我试图找出一种方法，我可以画线(比如说，代表RC飞机的飞行路径)到谷歌地球使用KML。不过，我想给它一个初始位置，然后检查某个地方，看看在哪里继续画线，画线，并留下它。一旦完成，我就可以四处走动了。
例如：
从谷歌地球的A点开始
检查//someserver上的文件XYZ.kml
XYZ.kml已经更新了要绘制到的坐标
谷歌地球引入了这些坐标并扩展了这条线
重复2->4直到完成
从第三人称查看已完成的飞行路径。
有没有人对怎么做有任何想法？它似乎可以改变一个模特的位置或以这种方式，但你必须先看它。我还没有弄清楚如何才能让这个特定的功能正确地出
浏览 2提问于2013-01-29得票数 1
回答已采纳
我想在UIcollectionView，中的两个单元之间画线
下面的是我想要的的设计
上面的设计是动态变化的，取决于数组value.Please，告诉我是否有人知道如何画线。
浏览 5提问于2016-11-07得票数 1
回答已采纳
1回答
我正在使用HTML5 <canvas>来画线。
当我将尺寸从默认的300x150更改为与另一个<div>的尺寸相匹配时，我的线条看起来会拉伸，并且比以前更厚。为什么会发生这种情况？
我希望在画布上绘制线条，以匹配<div>上位于其前面(具有较高的z-index)的元素在页面上相同位置上的位置。我怎样才能阻止这种拉伸的发生？
编辑：只出现在火狐中。
浏览 0提问于2011-01-27得票数 2
回答已采纳
1回答
function Start() {
DrawViewDist();
DrawFoV();
}
function DrawFoV() {
var c = document.getElementById("roomCanvas1");
var ctx = c.getContext("2d");
ctx.strokeStyle = "#f0f";
ctx.lineWidth=1;
ctx.beginPath();
ctx.moveTo(150
浏览 0提问于2018-10-30得票数 0
回答已采纳
1回答
我不想在情节复杂的区域图的背景下画线。我的图表就这样来了。
我想从图表中删除这一行。但我没有找到任何解决办法。
我提到了
下面是我的代码: demo.html
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js">
</script>
<script src="https://cdn.plot.ly/plotly-latest.min.js"></script
浏览 2提问于2017-03-31得票数 1
回答已采纳
2回答
当使用织物自由绘图模式，我想添加不同的线条到画布与不透明度。这些线在互相画时不应加起来不透明。因此，我将画布混合模式更改为xor。不管怎么说，当在彼此之间画线时，不透明度还是会增加的。我在这里做错什么了？
var canvas = new fabric.Canvas("a", {
isDrawingMode : true
});
document.getElementById("cbFreeDrawing").onchange = function () {
canvas.isDrawingMode = this.checked;
};
canv
浏览 4提问于2016-08-04得票数 5
回答已采纳
我试图创建一个传单地图，自动添加标记和从谷歌页的目的地之间的多行。
我已经成功地建立了一个地图从其他例子是链接到我的谷歌表。你可以看到这里的例子：
<!DOCTYPE html>
<html>
<head>
<script src='//cdn.jsdelivr.net/npm/tabletop@1.5.2/src/tabletop.min.js'></script>
<link rel="stylesheet" href="https://unpkg.com/lea
浏览 1提问于2021-05-25得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
腾讯会议活动推荐
腾讯云开发者
