HTML5 画布画笔

发布于 2024-11-09 03:06:45 字数 125 浏览 0 评论 0原文

我在网上搜索过,但没有找到答案。我想在 HTML5 的 canvas 元素上绘制线条,但纹理不是实心的,而是自定义的。如果您了解的话,就像 Photoshop 中的画笔一样。例如,线条看起来像是用粉笔或艺术家画笔绘制的。你知道怎么做吗?

I have searched the web and found no answer. I want to draw lines on an HTML5's canvas element but having a texture that is not solid, rather custom. Just like brushes in Photoshop if you know them. For example, to have a line that looks like it was drawn with chalk or artist paint brush. Do you know a way to do it?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

—━☆沉默づ 2024-11-16 03:06:45

为什么不使用croquis.js

它有简洁的 画笔实现,如 photoshop :)

这是 演示,它使用 croquis.js。

画笔预览

Why don't you use croquis.js?

It has neat brush implementation like photoshop :)

And here is Demo which is using croquis.js.

brush-preview

爱要勇敢去追 2024-11-16 03:06:45

您是否考虑过使用 Processing.jsFabric.js

您还可以查看您可能感兴趣的此博客文章:

http://rhyolight.posterous.com/new-brushes-for-harmony-canvas-app

如果你想从头开始开发一切,你应该付出很多努力!

Have you considered using libraries such as Processing.js or Fabric.js?

You can also take a look at this blog entry that might be interesting for you:

http://rhyolight.posterous.com/new-brushes-for-harmony-canvas-app

If you want to develop everything from scratch you should put a lot of effort into it!

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文