Rakugaki Block

描述

Rakugaki Block is a block for gently adding hand-drawn, colored pencil-style doodles between paragraphs or at the end of blog posts.

The goal is not a full-featured drawing app. The concept is based on quick, impromptu scribbles that can be written in a few seconds.

Features

  • Colored-pencil brush with texture (roughness and fading)
  • 12-color pencil palette
  • Three canvas sizes: S / M / L
  • Freely configurable background color
  • Pen tablet support with pressure sensitivity
  • Undo and Clear functions
  • Accessibility support (alt text for the canvas)

How to Use

  1. Open the post or page editor
  2. Click the block inserter ( + )
  3. Search for “Rakugaki Block” and add it
  4. Draw freely with your mouse, touch, or pen tablet
  5. Adjust the size and background color in the sidebar

Pen Tablet Support

The block uses the Pointer Events API, so pen pressure is reflected in line width and opacity when drawing with a compatible tablet.

Source Code

The source files for this plugin are included in the src/ directory.
The build/ directory contains the compiled assets generated from those source files.

To rebuild the assets, run:

  1. npm install
  2. npm run build

屏幕截图

  • Editor view — drawing area and color palette
  • Front-end view — how the doodle appears on a published page

区块

该插件提供了 1 个区块.

  • 落書きメモ 色鉛筆で落書きするブロック。ブログに手書きの温かさを添えます。

安装

  1. Download the plugin zip file
  2. Go to WordPress Admin Plugins Add New Upload Plugin
  3. Select the zip file and install
  4. Activate the plugin

You can also search for “Rakugaki Block” directly in the WordPress plugin search.

常见问题

Does it work on smartphones?

Yes. Touch input is fully supported.

How is the drawing data saved?

The drawing data is saved within blocks in the form of coordinate information, and rendered on the front end using the Canvas API.

Can I download the drawing as an image?

Not in the current version.

Is there a Pro version?

A Pro version with features such as stroke replay animation is planned for the future.

评价

此插件暂无评价。

贡献者及开发者

「Rakugaki Block」是开源软件。 以下人员对此插件做出了贡献。

贡献者

帮助将「Rakugaki Block」翻译成简体中文。

对开发感兴趣吗?

您可以浏览代码,查看SVN仓库,或通过RSS订阅开发日志

更新日志

1.3.0

  • Compatible with WordPress 7.0
  • Added contentOnly support

1.2.0

  • Added source files in src/ directory
  • Removed Plugin URI

1.1.0

  • translation fixed.
  • Bug fixed

1.0.0

  • Initial release
  • Colored-pencil brush implementation
  • 12-color palette
  • S / M / L canvas sizes
  • Background color picker
  • Pen tablet pressure sensitivity
  • Undo and Clear functions