问题标签 [sketching]

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 投票
2 回答
12315 浏览

visio - 用于手绘 web 模型的 visio 模具

谁能给我推荐一个手绘/草图格式的 Visio 模具?即看起来像手绘草图的一个。我已经看到一些使用手绘工具完成的 Web UI 线框,当我们可以将 UI 草图呈现给客户端而不是真实的手绘草图时,它看起来非常令人印象深刻。

如果有人可以建议一种工具而不是建议铅笔和纸是我现在使用的工具,那将非常有帮助。

谢谢

0 投票
1 回答
2647 浏览

opengl - OpenGL 中的 Photoshop 风格画笔

我正在尝试实现手绘草图(它应该看起来像一支铅笔)。我做了一些研究,我很惊讶互联网上关于这方面的信息如此之少。我得到的最好的信息是在 Photoshop 中绘图并观察结果。我认为 Photoshop 的工作原理与此类似:

1)每个画笔都有自己的像素图,告诉每个像素的不透明度 2)设置(如重量,颜色等)在绘制之前应用于此像素图 3)当按下鼠标时,Photoshop 开始慢慢填充指针下的像素根据给定不透明度的像素图 4) 快速绘制时(使两个鼠标帧之间的距离大于填充率),Photoshop 会以某种方式对画笔进行插值,使其看起来均匀。我不确定,但我认为它也对模式应用了某种转换,因为线条看起来不规则。

我想实现的另一个效果是在铅笔抬起之前线条变得更细(基于铅笔的速度) - 就像在现实生活中一样。

我将不胜感激有关以下方面的任何提示:1)Photoshop 画笔(或类似工具)的工作方式 2)执行类似操作的任何开源工具 3)要查找的关键字(显然我在谷歌上搜索错误的单词)

这是我在研究过程中找到的链接(不幸的是封闭源): http ://www.youtube.com/watch?v=3RPphJxxscY

0 投票
1 回答
399 浏览

geometry - 从一系列点中识别线段

给定二维点的输入,我想将它们分割成线。因此,如果您绘制锯齿形线,则每个线段都应被识别为一条线。通常,我会使用 OpenCV 的 cvHoughLines 或类似的方法(带有异常值去除器的 PCA),但在这种情况下,程序不允许出现“假阳性”错误。如果用户画了一条线并且它没有被识别 - 没关系,但如果用户画了一个 curcle 并且它显示为一个正方形 - 那就不行了。所以我对错误有一个上限 - 但如果它是一条长线,并且某些点与近似线的距离更大,那又可以了。总结:

- 行检测 - 无误报 - 有界,动态调整误差

哦,点是按顺序绘制的,就像手绘一样。

至少它不必很快。这是一个素描工具。有人有想法吗?

0 投票
1 回答
424 浏览

3d - 从线框草图进行 3D 重建

我想根据原始手绘草图重建对象的 3-D 形状。草图还包含对象的不可见线条,并且绘制在已经存在的 3-D 场景(城市)之上。我也许可以根据它们与城市中其他物体的重合度来恢复一些 3-D 点。

重构的形状不需要 100% 精确,允许有一些不准确,并且它们不包含曲线和曲面,仅包含普通多边形。

我发现了这个话题:

通过处理纸上的 2d 草图生成 3d 对象

但与我的情况相比,那里的问题似乎根本没有受到限制。我也读过一些论文,最新的和最具描述性的一篇是: http ://citeseerx.ist.psu.edu/viewdoc/download?doi=10.1.1.118.2577&rep=rep1&type=pdf

本文实现了一种基于约束(例如平行线、平行面、对称、最小距离等)的算法。但它没有可用的实现......

我想实现一个快速而肮脏的并行算法,但我似乎没有找到任何代码开始......我将不胜感激任何提示或链接到现有实现。我知道这是一个难题,但我相信这不是不可能解决的。

0 投票
1 回答
2173 浏览

javascript - 如何在画布上同时绘制图像和草图

我想将图像绘制到画布上,然后允许用户通过 sketch.js 在其上绘制一些草图。现在的情况是:

所以,我把这两个功能都做好了,但我对两者之间的部分感到困惑。我希望在画布上画出带有图像的草图。这是我的代码:

索引.html:

画布.js:

0 投票
1 回答
585 浏览

android - 如何在 Android 2.2 中素描或绘制阴影画?

Android中的阴影绘画

我曾在我的应用程序中使用 Paint。它工作正常。我需要的是,如果用户希望绘制阴影画或阴影图之类的东西,那么如果他/她单击阴影按钮,那么他们必须能够绘制阴影图。这该怎么做?

视频:Android 中的阴影绘画

像上面的视频一样,用户必须能够绘制阴影画。我已经用谷歌搜索了很多关于这个的内容。我没有找到链接:(

此应用程序有任何链接、示例或文章吗?

任何想法或建议将不胜感激,谢谢!

0 投票
1 回答
351 浏览

web-applications - SVG简单绘图工具

我在网上收集了 SVG 格式的模式。 网格.kevinbock.de

现在我认为在线绘制它们会很酷,至少用 SVG 填充一些“onclick = fill”的东西......

我找不到关于这个的教程,想知道你是否可以帮助我如何设置这个代码......

下面是 SVG 格式的网格示例:

进一步的问题是:在网格中绘制线条时是否有可能获得诸如捕捉之类的东西?在矢量点附近?有没有办法插入“后退/撤消”按钮并保存文件?

0 投票
1 回答
543 浏览

java - 继续使用 sketch.js 编辑草图图像

我正在使用sketch.js(http://intridea.github.io/sketch.js/)中的示例来绘制草图并能够将其作为图像文件保存在目录中。

问题是如何在我能够渲染后继续编辑草图图像?

任何建议或解决方案表示赞赏。

谢谢

0 投票
1 回答
410 浏览

image - 如何在 Dropbox 中绘制图像

我有一些图像,但我需要它们像 Dropbox 图像。我怎样才能做到这一点?有没有可用的软件?

我希望我的图像是这样的,

https://dt8kf6553cww8.cloudfront.net/static/images/index/1-vflbLvAPq.png

https://dt8kf6553cww8.cloudfront.net/static/images/index/2-vflawKxYX.png

0 投票
1 回答
836 浏览

ios - Need A Draw/Sketch Algorithm For IOS

I'm working on a project in which I want to add a draw/sketch feature that draws by the user's touches on screen. That way they can make simple drawings on a view. This is a concept used in many picture apps (i.e. SnapChat). I've done many Google searches but haven't found anything out there that I could use. Does Apple have a guide or class for this or is there are any algorithms or code out there that's available to the public? Please provide me with references or information regarding this topic. Thanks in advance for your time.