问题标签 [stroke]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
0 回答
1218 浏览

internet-explorer-8 - Excanvas 在 IE8 中不起作用

Excanvas 在 IE8 中不起作用!!!我编写程序通过鼠标在画布元素上绘画。我的js代码有片段

当有context.lineTo(ev._x, ev._y); context.stroke();- 什么都没有发生!虽然坐标被传递并且画布被绘制和初始化

0 投票
4 回答
12392 浏览

html - HTML5 Canvas 上的清晰线条

有没有办法取消划线?在我的画布上,我有一条不透明度为 0.5、宽度为 20 像素的线,比方说。现在我想让它更长,意味着从旧的线中画出另一条线。这样做时,旧线和新线之间的匹配点变得不那么透明(因为它们现在由两条线组成)。所以我想取消旧线,然后再画新线。

我该怎么做?

谢谢

0 投票
1 回答
1698 浏览

html - HTML5 画布 - 绘画应用程序的不透明度问题

我正在尝试使用 Canvas 编写绘画应用程序。它的工作方式是按下鼠标时通过连接线。当线条不透明时,它运行良好,但是当我更改 alpha 参数时,我遇到了问题。

我尝试了两种选择:

一种。路径从鼠标第一次落下时开始,鼠标再次抬起时结束:鼠标的每一次移动都会调用 stroke() 函数。因为这条线是透明的,所以整个路径的开头会变得不透明,而结尾不会,因为 stroke() 被多次调用,它一次又一次地绘制整个路径。

湾。路径开始和结束鼠标的每一次移动:这条线在整个过程中都是透明的,但是每条路径和路径之间的匹配点不太透明(因为它们是由两条线组成的)。所以整个路径并不稳固。

获得良好结果的唯一方法是仅在鼠标再次抬起时才调用 stroke() 。然后它很好地抚摸了整个路径,但是在实际绘制它时我什么也没看到。

我能做些什么?

谢谢

0 投票
3 回答
173914 浏览

android - 形状 XML 中的边框

我正在尝试制作一个可用于按钮的drawable。我希望它有这种颜色,周围有 2px 的边框。

一切都很好,只是我无法显示边框......

0 投票
1 回答
363 浏览

iphone - iPhone - 抚摸路径不起作用

我将这些方法放入 MKOverlayView 子类中,但我不明白为什么填充路径有效,以及为什么抚摸同一条路径不起作用......

0 投票
1 回答
2550 浏览

android - 在 android 中使用 DrawLines() 绘制铅笔描边

有一个数组 'a' 包含必须绘制的线的点 b/w:

现在drawLines(float[] pts, Paint paint)所做的是它画一条线 b/wa[0], a[1] 和 a[2], a[3] 然后下一条线 b/wa[4 ]、a[5] 和 a[6]、a[7]。

现在我也想要一行 b/wa[2], a[3] 和 a[4], a[5]。

那么该怎么做呢?drawLines (float[] pts, int offset, int count, Paint paint) 有帮助吗?我不明白偏移量和计数参数?我想使用 offset = -2 作为参数,以便我 a[2],a[3] 被读取两次。

0 投票
3 回答
600 浏览

wpf - 如何将不可见图层添加到线条

我有一个已经实现双击的线条形状,但是线条太细了。我想在它周围添加一个透明的白色填充,这样就不必精确地点击它。

我真的不想增加笔画粗细,我希望它保持形状,因为我不想将它放在内容控件或边框中。

0 投票
1 回答
921 浏览

wpf - 组合形状,LineGeometry 缺少笔画属性

有什么方法可以将两种形状组合成一个,而不是几何形状。我知道我可以使用几何组使用线几何来做到这一点,两条线将是一个复合形状。但是,线条几何没有自己的笔触属性,所以它们使用Shape的笔触,因此不能不同。有任何想法吗?

换句话说,我想从形状派生,其中线几何具有笔画属性,所以我在想是否可以从形状派生,其中线几何具有自己的形状笔画属性。我正在考虑将形状传递给派生类的参数,然后获取它们的几何图形,但几何图形仍将使用相同的笔划。

0 投票
6 回答
25437 浏览

svg - 为什么 SVG stroke-width : 1 使线条透明?

我正在使用 svg 创建股票图表,当我将路径元素的笔画宽度设置为 1 时遇到问题。它没有使线条更窄,而是使其与笔画宽度相同:2但略显透明。我无法发布它的图像,因为我没有足够的声望点......

我的 svg 标签看起来像这样:

我正在使用 javascript/jquery 动态添加路径元素:

我省略了路径d属性的值,因为它有点长。此外,color是一个字符串变量,预先确定为“green”、“red”或“black”。

我的代码中是否有问题导致此问题,还是其他问题?

0 投票
1 回答
746 浏览

java - 创建锥形描边

一些绘画程序,如 Manga Studio,包括在笔触末端逐渐变细的笔刷。我对如何实现它有一些想法,但我的想法对我来说似乎有问题/效率低下......我无法通过谷歌找到有关此任务的任何信息,所以我想我会在这里问。

有谁知道在 AWT 中创建锥形笔划的任何算法?

我需要弄清楚的是如何将我已经从鼠标事件(例如 (x50,y50)-(x37,y20)-(x47,y10) )中获得的鼠标坐标转换为 Path2D.curveTo() 或类似的参数自然。你如何计算逐渐变细的行程?(我不认为没有大量的数学可以做到这一点......虽然我想我可能是错的。)

谢谢!

编辑:请注意,允许用户使用此笔画在图像上徒手绘制,这意味着笔画的边必须弯曲以匹配用户的笔。