问题标签 [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 投票
3 回答
3154 浏览

wpf - 如何使 WPF Polygon 的边框笔触实心?

如果您查看下面的 XAML,它会创建两个矩形。

XAML

多边形是用非实心边框绘制的,即当您放大图像时,您将看到抗锯齿边缘。有趣的是,当你画一个矩形时,你没有得到这些(左边的矩形,右边的多边形):

图片 http://www.barramsoft.com/pub/images/BarBorders2.png

有没有办法用实心/干净的边缘绘制多边形?

0 投票
2 回答
1532 浏览

iphone - 如何为 iPhone 应用程序制作铅笔笔画?

我想在 iPhone 应用程序中画一个铅笔笔画,它可以画出如下图所示的线条:

在此处输入图像描述

谁能告诉我如何实现这些类型的中风?

0 投票
4 回答
1087 浏览

jquery - 中的文字笔划

我想在其中使用文本笔划<input type="text"/>,我需要它是跨浏览器(firefox、google chrome、safari、opera、IE7+)。

有什么方法可以做到(CSS 2.1,jQuery ...)?

0 投票
3 回答
47164 浏览

html - HTML5 中填充笔划的透明度

我正在开发 HTML5 中的涂鸦应用程序,我想做一种存储桶功能。这个想法是绘制一条路径,它将被关闭并用选定的颜色(笔划的颜色)填充。它适用于纯色,但如果我想要透明的笔触和填充,我会遇到这个问题:

发生的情况是填充一直到笔画的中间(路径的实际采样点),所以形状内部有一条笔画大小一半的线,因为它是填充和笔画的交点,所以颜色较深。

你应该能够在这个沙盒中看到我在说什么。

0 投票
1 回答
1385 浏览

ios - 在 iOS 中,如何获取 CGContext 的当前线宽?

有一个电话CGContextSetLineWidth,但我没有看到相应的CGContextGetLineWidth,甚至没有CGContextLineWidth。如何获取上下文中设置的当前宽度?我需要知道这对于我在图书馆中的绘图例程是什么。

0 投票
6 回答
3422 浏览

android - OSMDroid PathOverlay 绘图在高缩放级别时损坏

我正在使用 OSMdroid 来实现映射应用程序。

我已经实现了一个自定义 MapTileProvider,它使用允许缩放级别高达 22 的平铺源。

默认的 MAPNIK 提供程序仅允许缩放到 18 级。

问题是任何 PathOverlay 实例在缩放级别 19 之前都可以完美绘制,但在缩放级别 20-22 时无法正确绘制。看起来有人用橡皮擦擦掉了路径长度的 90% 以上(见下面的屏幕截图)。

我已经逐步完成了 PathOverlay 的 draw() 方法,并且 exerything似乎计算正确(对于 ZoomLevel 22,中间点显示正确,然后 XY 投影除以 22-ZoomLevel 以获得当前屏幕坐标)。

谁能提供一些关于问题是什么以及如何解决的见解?

如果我使用 Cloudmade 小图块调用 MapView,也会发生同样的事情,它允许放大到 20 级并且是“内置”osmDroid 图块提供程序类。

因此,问题似乎不在于 tile 源或提供程序,而在于 canvas 绘图方法。关于如何解决这个问题的任何想法?

在 zoomLevel 19 我可以很好地看到我的路径: 缩放级别 19

但这是下一个缩放级别的相同路径: 在此处输入图像描述

0 投票
1 回答
1077 浏览

php - 如何使用 PHP ImageMagick 仅向字符串中的某些字符添加笔画?

假设我有以下代码:

让我们假设它有效(它确实有效——我刚刚在这里删减了它)。有没有一种简单的方法可以让我改变每个字符的笔画宽度?

我正在考虑使用类似的东西,$image->queryFontMetrics($text, 'H'))但想知道是否有更简单的方法。

谢谢!

0 投票
2 回答
3625 浏览

svg - 用 SVG 勾勒出一组感人的形状

对于我想要的某种风格,我想在 SVG 中勾勒出一组形状。应用于组时,该stroke属性似乎单独勾勒出每个形状 - 有效地叠加在附近的其他形状之上。为了更清楚地解释我的情况:我有一组触摸矩形,每个矩形为 8x8 像素。但是,它们不会形成更大的矩形。

为简单起见,假设它们形成一个十字架。所以我有 5 个矩形——1 个在中心,另外一个在那个矩形的每一侧。我想将它们全部勾勒出来,就好像它们是 1 个形状一样。鉴于这种“十字”形状发生了变化,我宁愿不使用路径,因为这需要更多的编码。有没有什么办法可以让效果过滤器将该组识别为单个形状?

如果没有,是否至少可以制作一个宽度和高度正好大 2px 的该组的黑色副本,以便我可以将其放置在该组后面以创建一个纯黑色轮廓?如果是这样,是否可以不复制组?

感谢您的任何帮助。

0 投票
1 回答
3283 浏览

android - 当绘制设置为 Stroke 时,Android Canvas.drawTextOnPath 看起来不正确

我在扩展视图中有一些代码设置,这些代码设置了一些易于缩放的图形(类似矢量)。(我的比例设置为 0-1.0)

我注意到,当我将油漆填充设置为 FILL 时,路径上绘制的文本看起来是正确的,但是当我将填充设置为描边时(我只想要文本的轮廓),图像看起来像是在 LSD 之旅中。这是我的示例代码:

如果我将 Paint.Style 从 FILL 更改为 STROKE,我会得到下面的图像。我使用了 canvas.drawText(),它可以很好地显示描边的字母。只有当它应用于路径时,它才会变得很奇怪。

填充图像

描边图像

0 投票
2 回答
6276 浏览

google-maps - 谷歌地图行车路线,改变描边颜色?

我有一些与这个例子非常相似的东西:

https://developers.google.com/maps/documentation/javascript/examples/directions-simple

我正在尝试做的只是将线条的笔划从一个城市更改为另一个城市,目前是紫色?

我尝试将strokeColor放入myOptions,但没有运气: