Free Canvas

外掛說明

Integrates Canvas into WordPress.

  • Provide canvas shortcode.
  • Provides a filter hook when saving the canvas.
  • It supports both mouse and touch.
  • It supports both the management screen and the public screen. The appearance of buttons and select boxes on the public screen depends on the CSS of the theme.

How to use the canvas

Sample of how to use the filter hook

  • Shortcode for canvas display
echo do_shortcode( '[freecanvas height=500]' );
  • shortcode
    Attribute : Default : Description
    width : 700 : Canvas width
    height : 700 : Canvas height
    name : The date and time string when the canvas was loaded : Unique name for this canvas
    form_name: null : The name of the form value you want to get
    form_name2: null : The name of the form value you want to get
    form_name3: null : The name of the form value you want to get
  • Filter hook & Function
/**
 * Filter hook & function for outputs a PNG image file */
 *
 * @param string $image_data  image_data.
 * @param string $name  name.
 * @param string $form_value  form_value.
 * @param string $form_value2  form_value2.
 * @param string $form_value3  form_value3.
 */
function canvas_save( $image_data, $name, $form_value, $form_value2, $form_value3 ) {
    $wp_uploads = wp_upload_dir();
    $relation_path_true = strpos( $wp_uploads['baseurl'], '../' );
    if ( $relation_path_true > 0 ) {
        $upload_dir = wp_normalize_path( realpath( $wp_uploads['basedir'] ) );
    } else {
        $upload_dir = wp_normalize_path( $wp_uploads['basedir'] );
    }
    $filename = $upload_dir . '/' . $name . '.png';
    $image = imagecreatefromstring( $image_data );
    imagepng( $image, $filename );
}
add_filter( 'free_canvas_save', 'canvas_save', 10, 5 );
  • Filter hook
    Variable : Description : From
    $image_data : PNG image data by Base64 : Value of Canvas
    $name : Unique name for this canvas : Value of Free Canvas
    $form_value : Form value obtained from form_name : Value of Form
    $form_value2 : Form value obtained from form_name2 : Value of Form
    $form_value3 : Form value obtained from form_name3 : Value of Form

螢幕擷圖

  • Canvas

安裝方式

  1. Upload free-canvas directory to the /wp-content/plugins/ directory
  2. Activate the plugin through the ‘Plugins’ menu in WordPress

常見問題集

none

使用者評論

這個外掛目前沒有任何使用者評論。

參與者及開發者

以下人員參與了開源軟體〈Free Canvas〉的開發相關工作。

參與者

〈Free Canvas〉外掛目前已有 1 個本地化語言版本。 感謝全部譯者為這個外掛做出的貢獻。

將〈Free Canvas〉外掛本地化為台灣繁體中文版

對開發相關資訊感興趣?

任何人均可瀏覽程式碼、查看 SVN 存放庫,或透過 RSS 訂閱開發記錄

變更記錄

1.10

Modified admin screen.

1.09

Supported WordPress 5.6.

1.08

Fixed ajax.

1.07

Fixed sample code.

1.06

Add shortcode attributes of form name.

1.05

Modified documentation.

1.04

Add shortcode attributes of form name.

1.03

Suppress screen transition when clicking save button in form.

1.02

Corrected the description.

1.01

Change readme.txt.

1.00

Initial release.