如何在画布中绘制三角形
在画布中绘制三角形可以通过以下步骤实现：
- 创建一个画布：使用HTML5的<canvas>元素创建一个画布，并设置其宽度和高度。
- 获取画布上下文：使用JavaScript的getContext()方法获取画布的上下文对象。可以通过传入参数"2d"来获取2D上下文。
- 绘制三角形：使用上下文对象的绘制方法来绘制三角形。有两种常用的方法可以实现：
- a. 使用路径绘制：使用上下文对象的beginPath()方法开始绘制路径，然后使用moveTo()方法移动到三角形的第一个顶点，接着使用lineTo()方法连接到第二个和第三个顶点，最后使用closePath()方法闭合路径。最后调用stroke()或fill()方法来描边或填充三角形。
- b. 使用直线绘制：使用上下文对象的moveTo()方法移动到三角形的第一个顶点，然后使用lineTo()方法连接到第二个和第三个顶点，最后使用closePath()方法闭合路径。最后调用stroke()或fill()方法来描边或填充三角形。
- 设置样式和颜色：可以使用上下文对象的属性来设置三角形的样式和颜色，如线条的宽度、颜色和填充色等。
以下是一个示例代码，演示如何在画布中绘制一个红色的实心三角形：
<!DOCTYPE html>
<html>
<head>
<title>绘制三角形</title>
<style>
canvas {
border: 1px solid black;
}
</style>
</head>
<body>
<canvas id="myCanvas" width="200" height="200"></canvas>
<script>
var canvas = document.getElementById("myCanvas");
var ctx = canvas.getContext("2d");
ctx.beginPath();
ctx.moveTo(100, 20);
ctx.lineTo(20, 180);
ctx.lineTo(180, 180);
ctx.closePath();
ctx.fillStyle = "red";
ctx.fill();
</script>
</body>
</html>在这个示例中，我们使用了HTML5的<canvas>元素创建了一个宽度和高度为200像素的画布，并获取了2D上下文对象。然后，我们使用路径绘制的方法绘制了一个三角形，三个顶点的坐标分别为(100, 20)，(20, 180)，(180, 180)。最后，我们设置了三角形的填充色为红色，并调用fill()方法填充三角形。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云产品：https://cloud.tencent.com/product
- 云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 云数据库 MySQL 版：https://cloud.tencent.com/product/cdb_mysql
- 云原生应用引擎（TKE）：https://cloud.tencent.com/product/tke
- 云存储（COS）：https://cloud.tencent.com/product/cos
- 人工智能（AI）：https://cloud.tencent.com/product/ai
- 物联网（IoT）：https://cloud.tencent.com/product/iotexplorer
- 移动开发（MPS）：https://cloud.tencent.com/product/mps
- 区块链（BCS）：https://cloud.tencent.com/product/bcs
- 元宇宙（Metaverse）：https://cloud.tencent.com/product/metaverse
相关·内容
2回答
我试图使用或 (脚本)绘制2D三角形，但没有成功(我没有看到任何三角形)。我只有相机，画布和面板，我也试着把它应用在空画布的子对象上，我应该如何应用这些脚本？我试过不同的变体。这是画三角形的好方法，还是有更好的方法？另外，我在某个地方读到GL类在iOS和/或Mac上不起作用，是真的吗？
浏览 3提问于2015-03-20得票数 1
回答已采纳
3回答
如何在Canvas中绘制这样的2D曲线
所有类似的曲线都有mathematical formula或fractals，但画布只有一些方法来绘制简单的形状，如三角形或矩形。我知道大多数曲线都可以分成更简单的形状，比如绘制，但是有没有更简单的方法来用画布绘制2D曲线呢？
浏览 0提问于2012-12-21得票数 1
回答已采纳
我正在用java swing设计一个界面。有一个画布供用户绘制形状(圆形、三角形、正方形等)。当用户绘制形状时，我希望按字母顺序命名形状中的每个点。我知道如何获得坐标，但是如何命名这些点呢？
浏览 0提问于2013-04-27得票数 0
回答已采纳
2回答
我有一个Java应用程序，它包含五个按钮：
(1)正方形( ii)长方形( iii)圆圈( iv)三角形( iv)清晰
单击这四个按钮中的任意一个将导致在绘图画布上绘制相应的形状。这是用来绘制形状的代码：
绘图画布类继承自JPanel。用户单击并绘制到绘图画布上的形状存储在一个名为“ArrayList ”的中。
现在，在画布类中，我有许多鼠标侦听器。在MousePressed事件中，我希望检测所单击的内容。
这就是我用来做按钮的东西：
使用setName类的JButton方法实现了按钮的命名。
但是，Graphics类没有这样的方法。如何检测其中一个形状已在画布上单击(一旦绘制)？
浏览 3提问于2012-11-20得票数 0
回答已采纳
我正在制作一个计算三角形的应用程序。在屏幕1上，用户通过文本框输入变量。calcs是在屏幕1上完成的，变量也通过微DB传递到屏幕2，在画布上以图形方式绘制“三角形”。我想将标签放在画布上，以显示数据，当三角形被重新绘制时，这些数据将随着三角形的位置移动。我怎样才能做到这一点？谢谢
詹姆斯
浏览 4提问于2017-05-08得票数 0
我需要在画布中的控件之间绘制一个箭头。目前我使用的是Line对象，但它无法在线条的末尾绘制三角形。
这大致就是我所需要的：
[TextBox] <----- [Button]
我试图将Line子类化，并在末尾添加几行代码，但这个类是密封的。
如何构建一个在X1、Y1和X2、Y2之间绘制箭头的自定义控件？
浏览 0提问于2009-10-13得票数 5
回答已采纳
1回答
我已经决定学习一些WPF，并且我已经创建了一个与Mahapps库一起使用的应用程序，它与SQLite数据库进行交互(不相关，但有点背景)。
我想在新的窗口里画一个物体，比如说一个三角形。
我已经看到了-- --但是形状的绘制需要对用户是可见的。因此，用户将看到从A点到B点到C点到A点所绘制的直线，图像将在几秒钟后“重新加载”，即清除窗口/画布并重新绘制三角形。
他们是否有任何库，可以使这更容易，或WPF有什么其他东西，我可以用来实现这一点？
另外，三角形的重绘将在一个单独的线程中运行一个循环。我觉得这不是很有效率。有没有更好的方法启动“重绘”？
浏览 4提问于2016-03-05得票数 0
回答已采纳
1回答
从随机点集生成三角形
、、、
我在JavaScript画布上随机生成了一些点，我想知道最有效的方法是以统一的方式绘制连接点的三角形。目标是让三角形填充整个画布而不重叠。
对于可视化表示，这里是我在画布上随机生成的点的图像。正如您所看到的，我可能不得不修改我将点随机放置在画布上的方式。
这就是我想画三角形的方法。
浏览 7提问于2017-05-11得票数 6
回答已采纳
使用覆盖整个视图的画布，我想把一个旋转的三角形画到由div容器标记的区域。
但是，由于滚动，Firefox并不总是将三角形绘制到div占位符中。请参阅 (忽略重复的背景图片)和。铬在滚动时正确地呈现三角形。
我的代码是错的，还是Firefox实现不够快，无法在滚动时将三角形呈现在正确的位置？
算法：
初始化：
创建覆盖整个视图的大型画布，获取WebGL上下文
为渲染三角形分配缓冲区
渲染循环：
如果div占位符位于当前视图中，那么：
使用gl.viewport设置呈现坐标以匹配div占位符的位置
呈现三角形(从Date()导出实际方向)
代码：
var tria
浏览 5提问于2012-02-02得票数 0
5回答
我刚开始使用<canvas>，数学很差。我用这个函数在画布上画了一个简单的等边三角形，这个函数借用了别人的代码(别恨我)：
drawTriangle(PosX, PosY, SideLength, Orientation) {
context.beginPath();
var sides = 3;
var a = ((Math.PI * 2) / sides);
context.moveTo(PosX + SideLength, PosY);
for (var i = 1; i < sides + 1; i++) {
浏览 0提问于2016-07-07得票数 5
1回答
我正在绘制平面颜色和纹理到WebGL画布。我的颜色和纹理有不同的alpha值，我希望它们正确地混合在一起。我想有透明的背景(他们应该是混合与HTML内容，这是在画布)。
在WebGL中，我使用
gl.clearColor(0, 0, 0, 0);
gl.blendFunc(gl.SRC_ALPHA, gl.ONE_MINUS_SRC_ALPHA);
gl.enable(gl.BLEND);
当HTML背景为黑色时，它可以正常工作。但是当我设置一个JPG图案作为背景时，我绘制了黑色三角形(alpha=1)和白色三角形(alpha=0.5)，我可以在三角形相交的地方看到背景图案。这是正确的行为吗？
浏览 1提问于2012-07-17得票数 5
回答已采纳
1回答
我有一个列表，我想在画布上画。我遇到的问题是让形状相对于其他形状绘制。现在我基本上有4个直角三角形，当正确地组合成一个钻石时：
/| |\
--- ---
--- ---
\| |/
我遇到的问题是，所有的三角形都是一个接一个地绘制。如何将Geometry对象添加到画布中，以使它们相对于彼此正确布局，并且仍然作为一个组缩放到画布？
foreach (var g in GetAListOfGeometries())
{
System.Windows.Shapes.Path path = new Path();
path.Fill = System.Windows.Media.B
浏览 0提问于2011-06-19得票数 0
回答已采纳
1回答
Java -拖动绘制的对象
、、、、
我有一个有五个按钮的应用程序：
(1)正方形( ii)长方形( iii)圆圈( iv)三角形( v)透明
单击前四个按钮中的任何一个都会在绘图画布(即JPanel)上绘制一个形状。
现在，绘制的形状存储在一个名为ArrayList的 stored 中。现在，我想让用户点击任何形状并将其拖动到屏幕上。
这就是我的项目是如何按照班级组织的：
(1)正方形( ii)矩形( iii)圆圈( iv)三角形( v)绘制画布(用于绘制形状的JPanel ) vi)应用程序(用于用户界面)
这就是我到目前为止所做的：
第一种方法检查鼠标光标是否在绘制的形状内。第二种方法画正方形。
上面的鼠标事件处理程序应该拖
浏览 6提问于2012-11-20得票数 1
回答已采纳
我想在Javascript中制作可伸缩的泡泡聊天形状。它应该以渐变颜色作为背景，并在形状周围添加边框。结果会是这样的：
圆形部分可伸展，三角形将保持在中等大小。
我尝试过以下方法：
用clipPaths绘制SVG。这里的问题是那个三角形没有保持相同的形状(它是拉伸的)。
CSS clip-path.问题是我没能用基本的形状画出这种形状。不幸的是，clip-path不能同时支持多个clip-path .
在canvas中绘制气泡并以其为背景。由于气泡应该根据内部内容展开，那么问题是当内容更改大小时获取事件，并触发画布的redraw .。
就目前而言，canvas方法可能是最简单的，但也
浏览 5提问于2021-10-15得票数 0
回答已采纳
6回答
在画布中间创建等边三角形？
、、、、
我想在画布中间画一个等边三角形。我试过这个：
ctx.moveTo(canvas.width/2, canvas.height/2-50);
ctx.lineTo(canvas.width/2-50, canvas.height/2+50);
ctx.lineTo(canvas.width/2+50, canvas.height/2+50);
ctx.fill();
但是这个三角形看起来有点太高了。
如何在画布中间绘制等边三角形？
有人告诉我，你必须找出等边三角形的高度与等边三角形边的比率。
h:s
这两个数字是什么？
浏览 3提问于2012-01-20得票数 4
回答已采纳
5回答
Qt/C++：高效绘图
、、、、
我设计了一个程序，基本上，它将一个几何形状切割成许多小三角形(在“左画布”中)，对这一堆三角形应用一些简单的数学变换，然后以新的配置重新绘制它们。请参阅下面的屏幕截图。
为了绘制这些三角形，我使用了QPainter::drawPolygon。右边的每个三角形对应左边的一个三角形，所以我知道我想用什么颜色来画它。
到目前为止，一切都很好。即使我画出比这个更多的三角形(当我使用更小的三角形来切割形状时)，这已经足够快了。
我已经在我的程序中添加了一个功能:我可以绘制从图片中提取的三角形，而不是普通的三角形:参见下面的屏幕截图。
问题是我做这件事的方式太慢。我是这样做的：
I遍历
浏览 69提问于2012-09-28得票数 18
回答已采纳
我是javascript和Canvas的新手，我想知道如何通过点击和拖动鼠标在画布上绘制三角形，就像我们在MS Paint中所做的那样，三角形的大小取决于用户拖拽的程度。
浏览 19提问于2017-01-19得票数 1
1回答
三角形路径的曲线边？
、、、、
我在画布上画了一个三角形，就像这样：
canvas.moveTo(0, 30);
canvas.lineTo(40, 0);
canvas.lineTo(40, 40);
canvas.lineTo(40, 40);
canvas.lineTo(0, 30);
在我的画布上画出合适的三角形。但我需要弯曲一些边，并用特定的颜色填充该路径。做这件事最简单的方法是什么？绘制圆弧？但是如何填充对象呢？
谢谢!
浏览 2提问于2011-04-11得票数 4
回答已采纳
1回答
在跟踪锚点的同时旋转符号
、、、、
我刚刚开始测试Google Maps API v3.9中添加的新。我想要在地图上有多个三角形的符号，并且我想能够通过编程来旋转它们。我之前得到的是一组png图片，每个图片都是上一个图片的副本，只是旋转了10度(MyIcon_0，MyIcon_10，...，MyIcon350)。然后，我只需要绘制与我想要的旋转角度最接近的图像。
相反，使用新的symbol功能似乎是一种更简单的方式，它可以通过编程完全控制旋转和颜色。
使用SVG路径表示法，我定义了一个简单的三角形，并将其粘贴到一个标记上，如下所示：
var markerOptions = {
icon: {
path: &
浏览 2提问于2012-09-18得票数 0
我正在使用XNA创建一个类似画图的应用程序。
我有一个渲染目标，它充当画布。当用户绘制一些东西时，我使用DrawUserPrimitives和三角形条带绘制相应的三角形，以绘制直线和其他曲线。
我想在应用程序中实现一个橡皮擦，这样用户就可以从纹理中擦除三角形。我在过去使用过OpenGL，在这里我只使用了一个混合函数，如下所示：glBlendFunc(GL_ZERO, GL_ONE_MINUS_SRC_ALPHA);
我该如何在XNA中做到这一点？我尝试将GraphicsDevice混合模式设置为AlphaBlend、Additive等。但它并没有起作用。有什么想法吗？
浏览 0提问于2012-08-29得票数 0
我想在MapView上使用下载的图片作为标记。我的图像都是正方形，但我希望底部也能延伸，形成一个三角形，标出确切的点。
我的方法是创建一个比图像稍大的画布。然后，将位图绘制到画布上，然后以某种方式从位图的底部选取颜色，并从图像的水平中心到画布的底部绘制一个三角形。就像这样..。
正如你可能猜到的那样，我被最后一部分卡住了。到目前为止我已经..。
Bitmap canvasBitmap = Bitmap.createBitmap(markerBitmap.getWidth(), markerBitmap.getHeight()+10, Bitmap.Config.ARGB_8888);
浏览 0提问于2012-02-11得票数 0
如何在Javascript中使用CIE (色度/开尔文温度)色域？
我已经在画布上绘制了XYZ到RGB三角形的颜色，就像图形绘制一样
。
但我还需要像这样的整个CIE色域曲线
。
浏览 1提问于2015-11-26得票数 0
1回答
在有限区域内绘制图像
、、、、
你好，我正在编写类似.xps查看器的代码。xps文件的结构包含代表形状的对象(F.E三角形)，然后已经进入其中。对象表示图像。示例结构如下
<canvas shape="....">
<path src="a.jpg"/>
<path src="b.jpg"/>
</canvas>
我想要绘制这两个图像，但仅限于它的父节点(画布)限制的区域，我将图像转换为位图。画布形状由一组点表示。我将在directx中绘制它。感谢你的建议，Przemek
浏览 1提问于2012-10-30得票数 0
1回答
我正在开发一个使用Phaser的游戏，其中用户被呈现为三角形画布。用户可以通过在画布上绘制任何裁剪图案，将此画布裁剪成任何可能的形状。除此之外，我还需要将这个裁剪的画布以适当的数据格式作为图像进行渲染，并跟踪在这个画布上所做的更改，以撤消推送。任何帮助，以使这通过将不胜感激。
提前谢谢。
浏览 1提问于2018-01-24得票数 1
1回答
在墨帆布上绘制形状
、、、、
我对编码很陌生，我想寻求一些帮助，指导我如何在墨水帆布上画一个可绘制的三角形。我创造了一个按钮。点击按钮，我应该点击墨水画布，并拖动形成三角形。(与在windows和microsoft words中绘制在油漆应用程序上的任何形状相同。)
我完全不知道该怎么做，因为我也需要做一些其他的随机形状。我希望能够知道如何创建一个三角形，并利用从这里获得的知识，尝试做我将要做的其他形状。
非常感谢你的时间！
浏览 1提问于2014-09-01得票数 0
我正在用html5开发一个编辑器。我有用于在单击时创建形状的按钮，包括三角形、矩形、六边形、五边形、七边形、线条等等。现在我还想对这些形状执行操作，如旋转、翻转、撤消、重做、...etc。我希望将这些绘制的对象保存在JavaScript数组中，以便在画布上执行操作后可以创建它们，因为单个形状不能在画布中旋转或翻转，所以我们必须重新绘制它。我如何才能做到这一点？提前谢谢。
浏览 2提问于2013-02-18得票数 1
回答已采纳
3回答
我有一个应用程序，它使用带有扩展SurfaceView的类来绘制到画布，但我正在考虑转移到openGL。我注意到，如果我只是将SurfaceView扩展名更改为GLSurfaceView，应用程序仍然会运行相同的代码。我还可以使用openGL ES在另一个应用程序中开始基本绘图。
我采取了下一步，在GLSurfaceView中为渲染器实例化了另一个类，并指示渲染器绘制一个三角形。这一切都可以很好地编译和运行，但它的运行方式与原始应用程序完全相同，没有呈现三角形，但画布的其余部分可以正确绘制。
我想不出为什么它不能渲染，或者为什么它不能渲染。或者它可能正在渲染，但它只是被画布覆盖了？
我知道尝试
浏览 0提问于2011-12-13得票数 3
回答已采纳
3回答
将位图字符转换为三角形
、、、
我尝试使用html canvas元素将字体文件中的每个可用字符绘制到画布上。为了使这个问题尽可能简单，假设画布上只画了一个角色。从那里，我想使用Javascript来分析画布，并创建组成整个角色的画布的三角形区域。我需要三角形的原因是为了以后可以将数据发送到WebGL，这样文本就可以呈现，并且在放大或缩小文本大小时数据不会丢失。
我正在寻找某种算法来实现这一点，或者至少寻找一些知识来让我朝着正确的方向前进。如果你认为我应该使用一种不同的方法，请告诉我为什么，但我认为这将是最好的方法，以提供一种修改文本的方式，并使其能够创建3d块文本。
浏览 0提问于2012-10-16得票数 3
回答已采纳
我试图绘制形状(三角形，矩形，正方形和圆形)，可以用于创建图片。用户应该能够在画布上放置一个形状，并将其拖动或放大以创建所需的图片。
我试图重写paintComponent() of a JPanel来实现这一点，但是意识到Jpanels的形状仍然是一个正方形，所以当你有一个圆圈时，你仍然可以拖动它，即使你不一定要触摸它，因为它是在一个正方形内，并且很难画出三角形。
你会建议什么图书馆？
浏览 2提问于2014-03-23得票数 1
回答已采纳
2回答
我在画布上工作。在这里我只想在画布上画一些几何图形，这些图形可以根据touch_move的位置调整大小。我所说的图形只是指三角形、矩形、圆形和一些多边形。有没有办法做到这一点？我还没有见过这样的应用程序可以在画布上绘制这些数字。所以这看起来很复杂..提前感谢
浏览 4提问于2013-04-24得票数 2
1回答
在画布上画三角形
、、
我想在画布中按程序绘制一些三角形(最终添加一些动画和其他效果)。我设法在画布上画了一些简单的形状，但出于某种原因，我无法画出三角形。我一直在使用来自的一些代码，但到目前为止它还不能工作。
还有更多，但为了简单起见，我忽略了那些根本不使用的部件。我用的是靴带。该脚本路径也是一个有效路径。
function triangles() {
let left = document.getElementById("left")
let ctx = left.getContext("2d");
ctx.fillStyle = "#ff00
浏览 5提问于2022-02-22得票数 1
回答已采纳
3回答
我在为我绘制的对象实现“擦除”功能时遇到了麻烦。我像这样绘制对象：
function draw_obj1(context) {
context.lineTo(...)
context.arc(...)
//etc
}
这些是在我为画布绘制的图像背景之上绘制的(通过context.createPattern，fillStyle =pattern等)。
因此，假设上面的函数使用各种lineTo调用来绘制一个三角形。现在为了“擦除”或“撤销”这张图，我的一个计划是在上面重新绘制同一对象的“xor”版本，以撤销它。我通过context.globalCompositeOperat
浏览 0提问于2012-06-04得票数 4
回答已采纳
试图理解OpenGL是如何生成被认为是图像和图形的，而这些问题就出现了。
3D线(应该用矢量绘制)是用三角形还是多边形绘制的？或者它们是使用向量值绘制的？
这些三角形是用矢量绘制还是用较小的三角形绘制？
光栅像素数据可以水平和垂直分离吗？
光栅像素数据可以导出到文本文件中吗？
可以使用自定义光栅画笔/绘图工具绘制线条吗？
我还没有试过任何东西，因为真的没有什么可以尝试的。这些问题是出于对如何在OpenGL中绘制3D线条、形状和对象的好奇。
希望所提供的答案将帮助我决定在项目中采用的框架、库和工具。我希望有帮助的答案或指导文章，为这些问题提供一些说明。
问题适用于2D画布和3D空间。
我对图形开
浏览 0提问于2022-10-28得票数 -1
回答已采纳
2回答
HTML5画布图像旋转
、、、
我有一个画布，我在上面画了一系列的图像，可以被拖放，每个图像都是一个独立的实体。
我需要，根据图像被放置的位置旋转图像，使其看起来合适，图像拖动一个围绕圆圈的三角形，基线需要始终指向外部。
我认为我可以旋转图像，然后将其绘制在画布上，但在互联网上搜索时，我似乎发现画布每次都会旋转--是否可以仅旋转图像，然后将其放置在画布上？
非常感谢！
浏览 4提问于2011-11-11得票数 2
想象一下类似Pascals三角形的东西，它由许多圆圈组成，每个圆圈上都写着一个数字。
这个帕斯卡的三角形可能是200行或更多，这显然不适合在屏幕上。
因此，我需要一个JavaScript库来绘制圆圈(以三角形的形式)，并在Pascals三角形周围进行平移和缩放。
我不确定SVG库是最好的还是画布之类的。我愿意接受建议。有人知道一个好的JavaScript库吗？npm模块也很好。
非常感激的帮助。非常感谢。
浏览 0提问于2020-07-13得票数 0
回答已采纳
2回答
在本教程：中，我们在3d空间中绘制一个三角形和一个正方形，我希望在画布上获得顶点的x，y坐标。
所以我想得到这些顶点的二维坐标：
很抱歉我的英语不好，希望你能理解。
浏览 1提问于2011-12-12得票数 4
有可能在画布上画一个不同笔画风格的单一填充形状吗？
换句话说，我可以画一个蓝色的三角形，每边都有不同的颜色吗？
我意识到有一个不太理想的解决方案：
是一条新路径，绘制不带笔画的三角形，填充它，然后关闭路径开始一条新路径，用第一次彩色笔画重新绘制第一面，关闭路径开始一条新路径，用不同颜色的笔画重新绘制第二边，用不同颜色的笔画重新绘制路径，用不同颜色的笔画重新绘制路径</code>
总之，画一个填充的形状，没有笔画，然后重新绘制每一边与独特的笔画风格。
对于一个三角形来说，这不是什么大问题，但是如果你有很多，更复杂的形状，这似乎是低效的。
那么，是否有可能在路径的不同部分绘制一个具有不
浏览 2提问于2011-05-17得票数 6
回答已采纳
1回答
我一直试图在画布上以奇怪的角度绘制三角形，但我不知道如何使文本与线条本身对齐。我该怎么做呢？
我用于三角形的代码是：
function init()
{
var canvas = document.getElementById("canvas");
if(canvas.getContext)
{
var ctx = canvas.getContext("2d");
ctx.beginPath();
ctx.moveTo(100,100);
ctx.lineTo(200,50);
ctx.lineTo(300,40);
ctx.closePath();
ctx
浏览 1提问于2015-11-17得票数 0
回答已采纳
2回答
如何在GWT中绘制画布
、、、、
我有这个简单的jQuery代码，用于在一个40 x 40的画布元素中绘制一个三角形：
var context1 = $("#arrow_left").get(0).getContext('2d');
context1.beginPath();
context1.moveTo(25,0);
context1.lineTo(0,20);
context1.lineTo(25,40);
context1.lineTo(25,0);
context1.fill();
context1.closePath();
现在我如何在GWT中做同样的事情呢？在上有一个教程，但页面本
浏览 0提问于2013-01-17得票数 1
回答已采纳
我正在尝试在Android的画布上绘制对象。例如，对于一个填充的三角形，我在一个类中定义了三角形的值，并通过单击按钮，我想从另一个类调用画布，并在画布上显示三角形。
我的问题是，我很难将值从类传递到onDraw(画布画布)方法。我正在考虑重载这个方法。以前有人这么做过吗？
谢谢。
“根据下面的回复重新编辑！！”
这是我在另一个类中单击按钮时调用的代码。但是，尽管调用了三角形值，但并未调用onDraw()方法。我哪里错了？
public class MyView extends View{
Path path = new Path();
Paint paint = new Paint();
浏览 1提问于2011-08-05得票数 0
我写了一些代码只是为了好玩，我注意到了一个奇怪的细节。我有画布，下面是在其中绘制线条的代码。下面是示例：
for (let y = 0; y < 400; y++) {
drawLine(0, 200, 400, y);
}
/* ... */
var drawLine = (fromX, fromY, toX, toY) => {
ctx.beginPath();
ctx.moveTo(fromX, fromY);
ctx.lineTo(toX, toY);
ctx.strokeStyle = "rgb(255,0,
浏览 20提问于2017-01-12得票数 1
1回答
我正在开发一个web应用程序，用户可以使用画布在网页上绘制自己的图像。绘制完成后，此图像应显示在其他用户的浏览器画布中。更新也是如此。
我只使用javascript。如何使用System.net和Asp.net解决此问题？
浏览 0提问于2010-08-02得票数 1
回答已采纳
我正在编写一个基于kivy的图形应用程序，在这个应用程序中，我可以动态地将节点添加到绘图区域，然后将它们与有向线(=edge)连接起来。节点可以在绘制区域内被拖动，并且边缘应该始终保持与它们的连接。
边缘类是从Widget类派生的。它的图形表示由两部分组成:直线本身(= line )和直线尖端(=三角形)。绘制边缘小部件时，首先对其画布进行翻译和旋转，然后将边缘的尖端绘制到画布上。之后，画布被旋转回原来的位置，线部分被绘制到canvas.after。
当节点被移动时，边缘小部件的画布将被清除并再次绘制图形表示。然而，这并不像我计划的那样有效。
如果在边缘类的绘图方法的开头使用self.canv
浏览 7提问于2014-05-13得票数 8
有没有办法在Tkinter中保持widgets (尤其是图片)的一致堆叠顺序？例如，我可能在画布上的相同位置有两个矩形、两个三角形和一个圆。圆会移动到鼠标最后单击的位置，但我总是希望它画在矩形的顶部和三角形的后面。默认行为当然是将最后绘制的对象放在顶部的给定位置。
到目前为止，我只找到了lift()和lower()方法来解决Tkinter中的堆栈问题。从理论上讲，我可以在每次重新绘制时进行一些混乱的检查，以查看目的地是否存在三角形，并对那里的每个形状执行一些lift()/lower()，直到事情按我想要的方式进行，但这似乎是一个荒谬的解决方案。我预计在画布对象上会有一种“层”变量，这样它就会被
浏览 2提问于2012-03-06得票数 4
回答已采纳
我正在尝试使用drawPath()在画布上绘制一个三角形，但我在填充三角形时遇到问题。如果我将paint设置为STROKE，下面的代码可以很好地绘制一个三角形，但是当它设置为FILL时，它不会绘制任何东西。我是不是做错了什么？
labelArrowBox.reset();
labelArrowBox.moveTo(labelPosition.x, labelPosition.y);
float x = labelPosition.x + LABEL_BOX_ARROW_WIDTH / 2;
float y = labelPosition.y - LABEL_
浏览 1提问于2012-07-19得票数 0
我使用的是Keith Wood的svg jquery插件，而不是HTML5画布。
我这样定义我的svg图像来缩放我的svg三角形图像以适应它的div容器：
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="100%" viewBox="0 0 299 215" >
<g>
<polygon points="1,1 299,1 149,210" fill="blue" stro
浏览 0提问于2014-03-05得票数 12
回答已采纳
1回答
我有一个Mat contours，并且我已经用approxPolyDP近似了每个contour。我现在要做的是检测矩形、三角形、圆形等形状。并且例如以不同的颜色或使用画布等重新绘制它们。
有没有一种利用轮廓的方法？如何在Mat contours中访问并进一步简化它们(移除变形，或者如果两个重要的点非常接近，我可以安全地移除其中一个)？
我使用Java (Android)进行开发，所以并不是所有的C/C++方法/类型对我都是可用的(否则JNI调用将是一种浪费)。
浏览 6提问于2012-03-12得票数 5
回答已采纳
2回答
我必须导入哪些包才能绘制？
我必须在我的类中实现它们吗？类必须是抽象的吗？我已经尝试导入了所有的包，比如java.awt.shape。我试着在画布上画一个三角形。
我开始的时候是这样的
drawPolyline(g2D,new int[]{25,5,45,45,5,45});
浏览 1提问于2011-12-11得票数 0
1回答
我正在创建“使用画布在三角形中刻一个圆”。但是面临着很多问题。好吧，我试着在画布的中间画一个三角形，虽然它是创建的，但我想知道从哪里开始画一个圆，这对我来说可能是完美的。
关于数学，我知道画圆，但当涉及到java脚本时，我就卡住了。
请帮帮我。
谢谢。
我尝试了以下代码，在画布的中心绘制一个traing：
var c=document.getElementById("myCanvas");
var context =c.getContext("2d");
check(ctx, 100, c.width/2, c.height/2);
function che
浏览 0提问于2013-03-22得票数 3
回答已采纳
2回答
我知道这听起来很傻。让我解释一下：
我刚看到此页使用CSS元素创建形状--方形、圆形、三角形、星形、阴阳(阴阳！)等等。
在过去与HTML5画布绘图作斗争之后，我立即认为JavaScript和CSS伪元素的某些组合应该能够绘制几乎任何东西。
所以我第一次搜索"CSS分形“。没有骰子。然后是JS Fractals。一些骰子，但不是我要找的东西。
我疯了，还是这里有潜力？jQuery可以一整天从DOM中添加和删除数千个元素。在我看来-考虑到通过纯CSS存在三角形-有可能形成一个很好的绘图机制(2D和3D)，无网格画布。
任何想法，框架，教程，白皮书等将不胜感激！
浏览 0提问于2012-01-06得票数 4
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
腾讯会议活动推荐
腾讯云开发者
