画布尺寸上的线条悬垂
是指在一个给定的画布上，线条的垂直悬挂状态。具体来说，当线条的起点和终点都在画布的边界上时，线条会垂直地悬挂在画布上。
这种线条悬垂的特点是线条的起点和终点都在画布的边界上，形成一个垂直于画布的直线。这种线条通常用于绘制垂直的边界、分割线或者表示垂直方向的关系。
在前端开发中，可以使用HTML5的Canvas元素来实现画布尺寸上的线条悬垂效果。通过Canvas的API，可以设置线条的起点和终点坐标，然后使用绘制线条的方法将线条绘制在画布上。
在后端开发中，可以使用各种编程语言和框架提供的绘图库或者图形处理库来实现画布尺寸上的线条悬垂效果。例如，使用Python的Matplotlib库可以方便地在画布上绘制线条。
画布尺寸上的线条悬垂可以应用于各种场景，例如绘制图表、绘制分割线、绘制边界等。在网页设计中，可以使用线条悬垂来划分页面的不同区域，提高页面的可读性和美观性。
腾讯云提供了一系列与画布尺寸上的线条悬垂相关的产品和服务。例如，腾讯云的云服务器（CVM）可以用于搭建后端开发环境，腾讯云的云数据库（CDB）可以用于存储绘图数据，腾讯云的云原生应用平台（TKE）可以用于部署和管理绘图应用等。具体产品和服务的介绍可以参考腾讯云官方网站的相关文档和链接：
- 腾讯云云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 腾讯云云数据库（CDB）：https://cloud.tencent.com/product/cdb
- 腾讯云云原生应用平台（TKE）：https://cloud.tencent.com/product/tke
请注意，以上答案仅供参考，具体的产品选择和使用需根据实际需求进行评估和决策。
相关·内容
可能更像是一道数学题，但问题来了……
我想做的是在背景画布上用一条动画线连接两个HTML元素
这是我想要做的事情的一个简化版本。
线条实际上在那里，但是它们在画布之外，如果使用元素检查器，您可以在画布中看到绘制的线条的坐标。有人能帮我指出我哪里做错了吗?线条画错了地方？
这是线条已经画好但位置不对的证据。(用固定尺寸替换了流体舞台和画布大小)
对于流畅的布局，我想要做的编辑看起来是不可能的。在经历了许多麻烦之后，我发现画布元素是它自己的平面，没有安全的方法来匹配锚点坐标和没有固定大小的画布坐标
浏览 0提问于2012-08-05得票数 5
回答已采纳
1回答
我用简单的线条画了一个符号，但希望用户能够指定旋转(只有90度)。这也意味着我画布的尺寸发生了变化。
不，我计算尺寸，并设置画布尺寸。然后，我将旋转的中心设置为画布的中心(通过ctx.translate)，然后旋转到任意的程度。
现在我的问题是:如何将翻译设置回左上角，这样我就可以正常地从那个位置画出我的符号了？我真的要用旋转来计算值吗？
谢谢。
浏览 2提问于2011-04-01得票数 2
1回答
我正在使用HTML5 <canvas>来画线。
当我将尺寸从默认的300x150更改为与另一个<div>的尺寸相匹配时，我的线条看起来会拉伸，并且比以前更厚。为什么会发生这种情况？
我希望在画布上绘制线条，以匹配<div>上位于其前面(具有较高的z-index)的元素在页面上相同位置上的位置。我怎样才能阻止这种拉伸的发生？
编辑：只出现在火狐中。
浏览 0提问于2011-01-27得票数 2
回答已采纳
我在一个div里面有一个画布，它填充了整个div。我在画布上画了一条线，但当我调整浏览器窗口的大小时，画布上线条的宽度会发生变化，因为我增加了浏览器窗口的大小，它的厚度会增加，并会给线条添加一些模糊。我发现这个问题发生在这里，我不使用固定大小的画布，而是使用%100作为宽度和高度。
#myCanvas{
margin:0;
padding: 0;
border:0;
width: 100%;
height: 100%;
background-color: white;
}当我用固定大小的像素表示宽度和高度时，这是可以的。但我要我的画布调整尺寸而不打扰里面的画。你可以在这里玩：
只需尝试更改浏览
浏览 4提问于2014-08-06得票数 0
回答已采纳
2回答
我正在编写一个程序，该程序涉及从USB设备读取数据并将其绘制在线条图(画布)上。画布被放置在一个ScrollPane中，所以当这条线到达画布的末尾时，画布的尺寸就会增加，ScrollPane会自动滚动到右边。我想在垂直方向上实现相同的功能，但是setHeight(double h)只向下扩展画布，所以这在线到达画布顶部时不起作用。
由于画布不能向上扩展(因为这意味着负区域)，我希望有一种方法将所有以前绘制的线向下移动，在向下扩展画布之后在上面腾出空间。
有人知道如何做到这一点吗？
浏览 3提问于2017-07-21得票数 0
回答已采纳
1回答
目前，我正在html5画布上绘制一个宽度为1px的线条图(按JavaScript平面图格式)，并在绘制x轴2px数据点间距时向前移动。目前，我的帆布尺寸是1000 by乘300 by。
我的数据大部分时间都比我的画布大得多。我需要一些聪明的方法来放大(或使它看起来像你在缩放)，因为我想能够缩放和拖动可查看的区域，而不松开1px线的脆度。
注意:画布可能是一幅猫的画，因为它是重要的，为了一个明确的问题，如果它是一只猫，那么猫将比画布大得多，你可能会感兴趣，作为一个用户，你可能有兴趣仔细看它的脚，滚动或缩放，以看到整个猫。我看到的真正的问题是，它是1 1px厚的的直线绘制。
在绘图时，改变
浏览 1提问于2015-01-03得票数 0
回答已采纳
我正在为HTML元素寻找一个JavaScript库或包装器，它为RAD提供了以下高级特性。
拖曳图
调整尺寸绘图
创建绘图网格(用圆、矩形、线条、路径、图像共同绘制)
可以在画布上绘制任何Photoshop绘图(我要先用Photoshop绘制东西，然后再用画布)
我想那就能完成任务了。期待着有史以来最好的图书馆！
更新
如果ExtJS能做到这一点，那就太棒了！我不太喜欢ExtJS绘图引擎，所以不确定它是否能做到这一点。
浏览 4提问于2012-12-12得票数 3
我正在使用一个在画布上绘制和描绘用户手指的应用程序。看到这个，绿色的矩形是通过跟踪用户手指的运动绘制的。我从android SDK示例中提取了旧的FingerPaint应用程序中的大部分代码。它的要点是使用以下命令在画布上绘制路径：
canvas.drawPath (path, paint)
我的第一个挑战是在屏幕改变时正确地重新绘制路径。例如，当手机从垂直旋转到水平旋转时，图像会调整大小，我必须沿着正确的坐标重新绘制路径。我能够用正确地做到这一点。我使用path.transform(矩阵)来转换路径的坐标。
我现在的下一个挑战是适当地缩放线条的粗细。当我绘制路径时，线的粗细是用set
浏览 13提问于2017-08-13得票数 2
在我的Silverlight应用程序中，我在深度缩放图像上显示文本(画布上的文本块)以及矩形和线条(同样是画布上绘制的形状)。我负责放大/缩小、平移和倾斜。在我看来，不是很酷的是，我的矢量对象在不同的缩放因子下的方式。当然，它们会变大或变小。
你有什么建议如何在任何缩放时保持某些对象的尺寸看起来相同吗？比方说，带有StrokeThickness的一行始终是10个屏幕像素。或文本块宽度，高度为100屏幕像素乘以300屏幕像素。
谢谢，Val
浏览 0提问于2010-08-24得票数 1
1回答
我遇到了以下问题。在相同厚度的多个画布上绘制线条后，显示的线条的粗细相同(见打印屏幕)
画布的大小并不相同。我想知道显示线条的粗细是否取决于画布的大小？以及是否可以在不确定宽度的情况下在画布上绘画。
这是屏幕
提前谢谢你
浏览 0提问于2012-11-23得票数 0
回答已采纳
如果我在画布上绘制文本并设置了字体属性，如果我将值的顺序更改为string属性，则文本将无法正确显示：
这项工作是正确的：
context.font = "italic bold 24px Verdana"
但这并不是：
context.font = "bold Verdana italic 24px"
Into规范被断言此规则与CSS规则相同，但如果我也使用字体变体和线条高度，则不起作用：
在CSS规则中，顺序如下？
型变重尺寸线-高家族
浏览 0提问于2010-06-27得票数 1
我正在尝试制作一个画布绘制应用程序与固定大小的画布-但有能力在画布上滚动，以绘制不同的点，可能看不见基于用户的屏幕尺寸。
它可以像我希望的那样在桌面上滚动，但我正在尝试在移动设备上实现两个手指滚动。
在我的触摸绘图函数中，我尝试了以下操作：
const startTouch = function(e) {
if (e.targetTouches.length < 2) {
ctx.beginPath();
x = e.changedTouches[0].pageX + content.scrollLeft;
y = e.changedTouches[0].p
浏览 1提问于2016-11-06得票数 6
2回答
我有一个带有背景图像的框架布局，我使用画布在这个框架图上画线。问题是，在不同的屏幕尺寸上，线条并不会出现在同一个地方。
我试着将坐标乘以屏幕密度dpi，但它仍然不起作用。
我的画布代码的片段
paint = new Paint(Paint.ANTI_ALIAS_FLAG);
paint.setStyle(Paint.Style.FILL);
bitmap = ((BitmapDrawable) zoom_lay.getBackground()).getBitmap();
mutableBitmap = bitmap.copy(Bitmap.Config.ARGB_8888, true);
c
浏览 2提问于2021-02-21得票数 0
回答已采纳
我正在开发一个windows phone 8应用程序，我使用矩形和线条在ScrollViewer中放置的画布内绘制图形。
但在画布的绘制过程中，我面对的是System.OutOfMemoryException (图形可能会超过屏幕尺寸的3倍)
我已经将画布放在一个ScrollViewer中。当我删除ScrollViewer时，问题没有发生，但是即使我设置了Scrollviwer.HorizontalScrollBarVisibilty = Visible属性，我也无法滚动画布。
<ScrollViewer Name="MainScrollViewer" Vertical
浏览 0提问于2013-07-04得票数 0
回答已采纳
我目前正在处理一个画布对象，我正在使用画布的相应图形对象的curveTo()函数在该对象上绘制曲线。
正在对画布对象的scaleX属性执行以下动画。
<mx:AnimateProperty property="scaleX" fromValue="1" toValue=".5" duration="1000" />
目前，此转换还将线条粗细缩小一些任意值。有没有办法在画布上执行scaleX转换而不修改画布中绘制的线条的线宽？欢迎任何建议。
浏览 2提问于2011-07-14得票数 0
1回答
我有一个带有小概览窗口的应用程序，可以更快地在画布上导航。在那个窗口上，我显示了一个流程图，上面有关系和决策，等等。当流程图变大时，概览窗口不再显示线条，这是因为线条粗细小于1px。
我已经尝试将捕捉设置为线条上的设备像素，画布上的画笔，但没有成功。
有没有一个选项可以让画笔显示线条，即使线条比1px还细？
浏览 0提问于2012-04-30得票数 1
2回答
我正在使用Paper.js在画布上绘制线条。我希望能够上传本地图像到paperjs画布，然后能够在它上面绘制。
我所做的是：
var canvas = document.getElementById('canvas');
var context = canvas.getContext('2d');
function make_base()
{
var img = document.createElement("img");
img.src = "http://paperjs.or
浏览 2提问于2015-02-18得票数 1
3回答
我使用kinetic.js在画布上连续绘制了一些线条，我希望在画布上显示一个div-text。使用relative和absolute技巧，我可以在我的画布中间放置一个div，但问题是当我不断地绘制线条时，这些线条被绘制在我的div文本的顶部，这是我不希望发生的！
基本模板：
<div id="div-text" style="background-color:#00baba; position: absolute; margin-top: 50%; margin-left: 50%;">
greatTexts
</
浏览 2提问于2013-01-30得票数 1
回答已采纳
我是Android编程的新手。我想要在图像上绘制线条，并允许用户放大和缩小。由于ImageView似乎没有内置的缩放控件，我决定使用WebView。我扩展了WebView类并重写了onDraw方法，使我可以在画布上绘制线条。然后，我将图像加载到WebView中。这向我展示了我在WebView中放置在图像上的画布中绘制的线条。
虽然我可以在WebView中放大和缩小我的图像，但我在画布中绘制的线条并没有相应地缩放；我的图像被放大了，但线条(画布)在屏幕上保持不变。当我放大我的WebView时，有没有什么方法可以同时放大我的画布？
这段代码在我的主要活动中：
final CustomWeb
浏览 2提问于2012-01-04得票数 2
我正在制作一个flex白板应用程序，其中在图像上绘制线条，以下是场景：
1:主画布保存背景图像并绘制画布2:用户可以通过拖动图像来移动图像3:用户可以在图像上绘制，这实际上是在图像上绘制画布。
我在涂抹线条时遇到了问题，就像用橡皮擦一样。已搜索所有位置，但未找到擦除绘制线条的方法
下面是绘制线条的代码
public function doMouseMove() : void
{
x2 = canvas2.mouseX;
y2 = canvas2.mouseY;
if (isDrawing && allow)
浏览 0提问于2011-12-08得票数 0
我目前正在开发一个应用程序，该应用程序允许在fabric.js画布内的导入图像上绘制线条和形状。到目前为止，我只能在Fabric中通过将图像指定为画布背景来做到这一点。当我尝试加载图像并将其放入画布中时，通过
fabric.Image.fromURL()
当鼠标悬停在图像上时，我无法绘制形状或线条。只有当光标放置在图像范围之外时，我才能这样做。有没有什么办法可以使用fabric.Image.fromURL()方法来加载图像并允许在其上绘制形状/线条？
浏览 3提问于2018-01-10得票数 2
使用画布，我们可以在鼠标移动时绘制线条。我需要知道在jquery中是否可以不使用画布通过鼠标事件来绘制线条。
浏览 4提问于2014-01-18得票数 1
4回答
我在画布上画线形图。线条画得很好。图形被缩放，每个线段都被绘制，颜色都可以，等等。我唯一的问题是线宽在视觉上是不同的。它就像是书法钢笔的笔尖。如果笔划向上，则线条较细；如果笔划为水平，则线条较粗。
我的线条粗细是恒定的，并且我的strokeStyle设置为black。我没有看到画布的任何其他属性会影响如此不同的线宽，但肯定会有。
浏览 1提问于2011-09-23得票数 21
我想用android做一个绘图面板。我现在所做的是，我必须重新绘制每条现有的线条和新的线条，所以当画布上有太多的线条时，这会使我的应用程序运行缓慢。有没有什么可能的方法可以让我在画布上添加一些新的点，而其他的点不会消失？
谢谢。
浏览 3提问于2012-09-05得票数 0
5回答
我是Android的新手。
我在视图的OnDraw(画布画布)方法中将位图、线条和形状绘制到画布上。我正在寻找关于如何实现平滑滚动响应用户的拖拽的帮助。我已经搜索了，但没有找到任何教程来帮助我做到这一点。
对画布的引用似乎是说，如果画布是从位图构造的(比方说，称为bmpBuffer )，那么画布上绘制的任何东西也都绘制在bmpBuffer上。有没有可能使用bmpBuffer来实现一个滚动...也许可以将它复制回画布，一次移动几个像素？但是，如果我使用Canvas.drawBitmap将bmpBuffer重新绘制到画布上，偏移了几个像素，bmpBuffer不会被损坏吗？因此，也许我应该将bmpB
浏览 2提问于2010-01-17得票数 24
回答已采纳
1回答
当画布尺寸很大时，绘制的线条根本不会出现。
示例：
<canvas id="Grid" width="20000" height="16000">
</canvas>
var context = canvas.getContext("2d");
context.beginPath();
context.moveTo(10, 20);
context.lineTo(100, 20);
context.strokeStyle = "#FF0000";
context.lineWidth = 1
浏览 2提问于2016-04-28得票数 0
回答已采纳
1回答
我已经在illustrator中创建了一个只有基本线条的网格，并保存为SVG。然后我将svg加载到一个与svg大小完全相同的html画布中。
然而，不管我怎么做，画布svg上的黑色线条看起来是灰色的，实际上有一两条是黑色的，但其他的看起来像是抗锯齿。
我不希望画布这样做，我需要清晰和黑色的线条，而不是灰色！在我关闭抗锯齿后，它们在illustrator中看起来很好。
有人知道如何防止画布这样做吗？我正在使用fabric js
浏览 0提问于2014-11-07得票数 0
1回答
我想使用Kinetic JS在pdf文件(PDF JS)上添加一个层。主要用途是在PDF文件上添加批注注释。
我的问题是，pdf文件的画布对于每个文档都有不同的尺寸。
因此，如何才能使Kinetic JS的容器与PDF画布的尺寸相匹配？
如果从更一般的角度来看，如何让KineticJS容器适应可变尺寸的HTML5画布？
浏览 5提问于2012-12-21得票数 2
回答已采纳
1回答
我遇到了一个非常烦人的问题。 我有一个html画布，是全屏。当改变屏幕尺寸时，它会检测到屏幕尺寸已经改变，并自动将画布重新缩放到“新的”全屏。 我将一个对象放入画布(基本上是一个文本输入字段)。 在移动设备上，当点击这个对象时，虚拟键盘会弹出，并明显改变屏幕的大小。通过这样做，画布缩放到“新的”屏幕尺寸。 我想忽略弹出数字键盘时的自动缩放功能。 有什么方法可以检测到何时显示数字键盘吗？
浏览 11提问于2020-09-20得票数 0
1回答
下面是我尝试实现的场景：
我已经有了一个视图，可以让用户通过直接触摸视图内部来绘制涂鸦(就像涂鸦画布一样)。该视图实现了touchesBegan、touchMoved和touchEnded处理程序，以便从触摸事件参数中绘制线条。
现在，我希望用户能够在这个画布视图上拖动和移动另一个UIView，并且仍然可以像直接触摸一样绘制线条。例如，用户可以在画布视图上拖动笔图像视图来绘制笔式线条。
在这种情况下，我如何将此笔图像视图的移动转移到画布上，以便它能够识别它？还有一个问题:如果我想让这个画布视图只识别拖动其他视图的移动，而不是直接触摸，我应该怎么做？
(很抱歉，这个问题有点太笼统了，只是想了解一
浏览 1提问于2014-07-22得票数 0
我试图允许用户通过在点击和拖动时收集点数来在画布上绘图。我正在使用MVVM方法，可以成功地收集点，并在View Model上填充线的集合。但是，我需要能够在画布上显示这些线条控件，以便用户可以看到他们正在绘制的线条。
我的问题是，如何将Line控件的View Models集合数据绑定到canvas的子控件集合？
浏览 0提问于2012-10-15得票数 0
回答已采纳
2回答
如何重写画布(重用)
、、、
我有一个方法可以在画布上绘制一组自动生成的线条。这是没有问题的。现在的问题是，如何使用onTouch事件在此画布上添加线条。我尝试用Thread和SurfaceView来解决这个问题，但是Thread会无限地绘制自动生成的集合。(我想添加的行必须是可删除的)。
任何建议都将不胜感激，谢谢。
浏览 0提问于2013-01-23得票数 0
回答已采纳
如何在HTML5画布上旋转图像，而不丢失任何图像数据？我的意思是，如果旋转导致图像尺寸增加，我也要扩展画布容器，这样图像就不会被切断。下面的图像可能会更好：
棕色盒子实际上是包装帆布的容器。当画布旋转时，我想扩展它(以及画布以适应图像)，这样图像就不会被切断。
更新：图像可能比画布大，因此我使用包围盒方法来计算与父容器成比例的大小以适应图像。因此画布的style尺寸将是计算的尺寸，而它的高度和宽度属性将是图像维数。
任何帮助都是非常感谢的！
浏览 3提问于2013-02-05得票数 3
回答已采纳
1回答
为什么画布线条不可见？
、、、
我在HTML5画布上构建了一个旋转的超立方体，但在此之前，我在画布上遇到了一个基本的困难。我有一个白色/未着色的画布，在将fillStyle和strokeStyle设置为'#000000‘后，我正在尝试绘制线条，但我还没有成功地使画布上的任何像素显示为白色以外的其他像素。
画布在，JavaScript部分是数学，部分是老式的JavaScript，在。日志显示它在画布上绘制线条，其中一些线条应该与500x500画布相交，而另一些线条应该完全位于画布内部，但我看到的是纯白色。
它的数学方面需要从高维表面到低维表面的投影方面的工作。然而，我现在试图解决的困难是一个基本的HTML5画布问题，因
浏览 0提问于2013-02-15得票数 0
回答已采纳
3回答
我一直在玩画布元素，发现当我试图画NxN统一的固体色单元时，在一些宽度/高度的配置中，它们之间有模糊的白色线条。
例如，这个画布应该看起来是黑色的，但是包含某种网格，我猜想这是浏览器中的错误反混叠的结果。
可以说，这个bug只出现在某些配置中，但我想永远摆脱它。有什么办法可以绕过这件事吗？你在画布上有过防锯齿的问题吗？
我制作了，它演示了这个问题，并允许您使用画布的尺寸和单元格的数量。它还包含了我用来绘制单元格的代码，这样您就可以检查它，并告诉我是否做错了什么。
var ctx = canvas.getContext('2d');
ctx.clearRect(0,
浏览 8提问于2015-12-17得票数 5
回答已采纳
1回答
我有一个应用程序，用户必须在画布上绘制一条线，而不是重叠它。有没有一种方法来测试重叠？我已经用谷歌搜索过了，但发现圆和矩形重叠的结果。我的情况不同。在这里，用户将在画布上绘制线条，而不会重叠线条本身。也许我遗漏了一些东西，所以任何指导都是值得感谢的。谢谢
浏览 0提问于2012-05-31得票数 0
1回答
我正在建立一个反应线绘图仪。这个“线绘图仪”应该在一个项目的css网格中。为了绘制线条，我尝试使用<canvas>元素。首先，这是聪明还是有更好的方法？
但是，第二，也是最重要的是，我的画布并没有设置为网格项目中的全部大小。有没有办法做到这一点，然后也将帆布的起源设置到画布的中间？
到目前为止我的代码是：
const Canvas = props => {
const { draw, settings, ...rest } = props
const canvasRef = useRef(null)
useEffect(() => {
浏览 1提问于2021-05-08得票数 0
回答已采纳
我使用画布通过拖放来定位对象，并在它们之间绘制线条。OnResize浏览器我会调整所有的大小。屏幕会调整大小，画布上也会显示所有对象。但是对象之间的线不在正确的位置上。例如，如果我将尺寸从右下角减小到左上角，线条将移动到左上角。
有人能帮上忙吗？
致以最好的问候，恩斯特
.item {
border-radius: 50%;
touch-action: none;
user-select: none;
position: absolute;
}
.kreis {
width: 40px;
height: 40px;
border: 3px solid rgba(1
浏览 0提问于2019-12-29得票数 0
3回答
我有一个WPF应用程序。有一块画布。当用户在画布上拖动鼠标(从鼠标向下到鼠标向上)时，我绘制了一条线。当鼠标按下时，我取初始点，当用户松开鼠标时，取终止点。然后我计算距离，并在简单的鼠标按下、移动和向上事件中绘制直线。
在画布上绘制了许多线条后，我单击其中任何一条线条。我想要选择这条线，并向用户显示这条线已被选中(比如通过改变线的颜色)。这样用户就可以删除它了。
谢谢。
浏览 6提问于2011-09-26得票数 1
回答已采纳
3回答
我正在使用画布(HTML 5)绘制线条，因为线条/形状不会作为对象存储在画布中，我无法将唯一的事件附加到它(例如onmouseclick)
我希望将onmouseover事件附加到一条线上，是否可以通过使用Javascript了解鼠标是否位于画布中的特定线上(使用其2X和2Y坐标)。这是否适用于不同的线宽(例如: 2,5像素)
我希望避免使用SVG，因为整个项目都是在Canvas上构建的
请给我建议。
浏览 2提问于2011-07-13得票数 1
回答已采纳
1回答
我正试着在画布上画线条。当画布的宽度小于线条的宽度时，它会在画布外部的其他元素上绘制。我读到过这个问题，并尝试使用较长高度的内部画布来解决，这样滚动条就会出现。但我也读到，这个问题可以正确使用口罩，但我不知道什么是更好的方法。你推荐哪一种？
<mx:Canvas id="panelContentECG" width="100%" height="400" backgroundAlpha="0.5" styleName="miCanvas" borderStyle="solid" cornerR
浏览 0提问于2010-12-13得票数 0
回答已采纳
3回答
我已经看到了许多关于如何做到这一点的例子，但它们都没有做我需要做的事情。
我想要做的是，当某个图像(如果需要，它可以被包装在单独的div中)悬停在上面时，它会从该图像的中心到另一个图像的中心(或者可能从第一个图像的中心到其他几个图像的中心)绘制一条线，然后在鼠标移出时，它会返回到原始状态。
我尝试使用HTML，但当我试图在画布上画一条线，同时在画布上移动HTML5 (图像)时，图像覆盖了画布和绘制的线条。当我尝试更改画布的z索引时，它工作了，除了画布覆盖在HTML上，并使现有的悬停图像更改无效。
我已经找到了绘制线条的常规JS示例，但它们都依赖于知道精确点来绘制from...is。有没有办法让
浏览 3提问于2013-10-08得票数 2
使用moveto和lineto在窗口画布上绘制各种线条...
在运行时确定一个对象(如位图或图片控件)是否与在窗口画布上用lineto绘制的线“接触”(相同的x，y坐标)，最简单的方法是什么？
一个简单的例子是一个球(位图或图片)“接触”绘制的边框并反弹……要知道“接触”是否发生在对象、图片或位图与窗口上存在的任何线条之间，最简单的方法是什么？
浏览 3提问于2017-04-23得票数 0
我有一个容器画布，其中我正在加载一个大尺寸的画布。我正在使用手势侦听器方法。一些方法，如OnDragStarted，OnDragDelta和OnDragCompleted，我正在使用这些方法来平移内部(更大尺寸)的画布。
问题是我不能限制内部画布的平移，这意味着我应该能够在外部画布的边界内平移内部画布。
它怎么能做到这一点？
浏览 0提问于2011-06-09得票数 3
1回答
我在画布上画线条有点问题，
基本上，我希望线条是漂亮的，柔和的，半不透明的，然而画布似乎只想在最后渲染的线段上做到这一点。
看看这里，你会看到画的最后一条线段很漂亮..然而，随着动画的播放，之前绘制的线条变得参差不齐，令人讨厌。
我已经注意到，如果我使用closepath，这不会发生，但是，由于间隔/动画的原因，我不能使用这个每次渲染，因为线到处都是：
任何人对如何阻止这种情况的发生有任何想法，我将非常感激。
非常感谢A
浏览 0提问于2012-02-28得票数 2
回答已采纳
大家好，我是html5画布的新手，因为我想知道有没有可能获得图像的高度，宽度和角度值，同时调整大小和rotating.The图像，显示我想要的。
我希望这个过程后下降到画布，因为我搜索谷歌找不到相关的答案，几乎每个人都显示在画布上的位置图像是保存在代码中，但我希望图像应该自动显示其值点击尺寸button.Thanks提前，任何帮助都会很好。
图像应该根据图像在画布中显示其尺寸，例如，如果图像改变(或自动调整大小或旋转，尺寸应使用按钮单击功能更改)。
浏览 0提问于2013-03-01得票数 2
2回答
我对php中的图像操作有问题。就像他们说的，一幅画了上千个字，所以下面是一张图片，以帮助我解释我的情况。
我有一个帆布(一辆汽车的图片)和一个容器(红色矩形)，上面的图像是我的初始设置。下面是我所知道的关于我最初设置的详细信息：
画布的尺寸(宽度和高度)
容器的尺寸(宽度和高度)
容器相对于画布左上角的位置(x，y)
接下来，我在画布上按逆时针方向旋转。假设旋转的中心是画布本身的中心。
在这一步中，我知道了另外两个细节：
旋转角度
旋转方向(逆时针方向)
应注意的事项：
容器本身并没有旋转，只是画布。
画布的尺寸可能已经改变了。在
浏览 4提问于2013-02-24得票数 2
回答已采纳
在Silverlight中，我试图通过将LineGeometry元素的EndPoint设置为光标位置来在画布上绘制一条线。在画布的MouseMove事件中，我这样做：
line.EndPoint =e.GetPosition(此)；
其中"this“是画布。
“GeometryGroup”是添加到画布中的LineGeometry元素，GeometryGroup被添加到path对象中，该对象被添加到画布的孩子集合中。
线条没有显示在画布上。这是什么原因造成的？
浏览 0提问于2009-12-17得票数 0
我有TPathData箭头，可以直接在画布上绘图。如何旋转TPathData？我知道旋转Tpath，但我直接在画布上绘图(线条和箭头)。我试着旋转Tpath和get数据字符串--但它和以前一样。
浏览 28提问于2021-02-08得票数 4
回答已采纳
这是我第一次使用html canvas，我对这个有点困惑。我正在尝试在html画布上构建一个这样的图像：
Html画布
这就是我到目前为止已经尝试过的，我似乎不能用合适的颜色填充线条下面的区域。特别是，我尝试了context.fill();。
下面是我的工作示例的堆栈闪电战，去掉了线条下的填充。
浏览 1提问于2020-10-27得票数 0
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频
腾讯云开发者
