Free Canvas

説明

WordPress にキャンバスを追加します。

• キャンバスのショートコードを提供します。
• キャンバスを保存する際の、フィルターフックを提供します。
• マウスとタッチの両方に対応しています。
• 管理画面と公開画面の両方に対応しています。公開画面のボタンやセレクトボックスの外観は、テーマの CSS に依存します。

How to use the canvas

フィルターフック使用方法のサンプル

• キャンバス表示のショートコード

echo do_shortcode( '[freecanvas height=500]' );

• ショートコード
  属性：デフォルト ：概要
  width：700：キャンバスの幅
  height：700：キャンバスの高さ
  name：キャンバスがロードされた日時の文字列：このキャンバスの一意の名前
  form_name：null：取得したいフォーム値の名前
  form_name2：null：取得したいフォーム値の名前
  form_name3：null：取得したいフォーム値の名前
• フィルターフック & 関数

/**
 * 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 );

• フィルターフック
  変数：概要：由来
  $image_data：Base64 による PNG 画像データ：キャンバスの値
  $name：このキャンバスの一意の名前：Free Canvas の値
  $form_value：form_name から取得したフォーム値：フォームの値
  $form_value2：form_name2 から取得したフォーム値：フォームの値
  $form_value3：form_name3 から取得したフォーム値：フォームの値