[WordPress] 外掛分享： Free Canvas

前言介紹

  • 這款 WordPress 外掛「Free Canvas」是 2020-02-03 上架。 目前已經下架不再更新，不建議安裝使用。
  • 目前有 50 個安裝啟用數。
  • 上一次更新是 2022-06-23，距離現在已有 1044 天。超過一年沒更新，安裝要確認版本是否可用。以及後續維護問題！
  • 外掛最低要求 WordPress 4.7 以上版本才可以安裝。
  • 外掛要求網站主機運作至少需要 PHP 版本 5.6 以上。
  • 尚未有人給過這款外掛評分。
  • 論壇上目前有 1 個提問，問題解答率 0%

外掛協作開發者

katsushi-kawamori |

外掛標籤

canvas | handwriting |

內容簡介

將 Canvas 整合到 WordPress 中

提供畫布短碼
在儲存畫布時提供過濾鉤子
支援滑鼠與觸控螢幕
支援管理畫面和公開畫面，公開畫面上的按鈕和選擇框的外觀取決於主題的 CSS。

如何使用畫布

過濾鉤子使用範例

顯示畫布的短碼

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

短碼
屬性：預設值：說明
width：700：畫布寬度
height：700：畫布高度
name：載入畫布的日期和時間字串：為此畫布提供唯一名稱
form_name：null：你想獲取的表單值的名稱
form_name2：null：你想獲取的表單值的名稱
form_name3：null：你想獲取的表單值的名稱
過濾鉤子 & 函數

/**
* 過濾鉤子和輸出 PNG 圖像文件的函數 */
*
* @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 獲取的表單值：表單的值

原文外掛簡介

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

各版本下載點

  • 方法一：點下方版本號的連結下載 ZIP 檔案後，登入網站後台左側選單「外掛」的「安裝外掛」，然後選擇上方的「上傳外掛」，把下載回去的 ZIP 外掛打包檔案上傳上去安裝與啟用。
  • 方法二：透過「安裝外掛」的畫面右方搜尋功能，搜尋外掛名稱「Free Canvas」來進行安裝。

（建議使用方法二，確保安裝的版本符合當前運作的 WordPress 環境。

1.00 | 1.01 | 1.02 | 1.03 | 1.04 | 1.05 | 1.06 | 1.07 | 1.08 | 1.09 | 1.10 | trunk |

延伸相關外掛（你可能也想知道）

  • Blank Slate 》這個外掛程式會建立一個頁面樣板，使你得到一個空白的頁面，只顯示頁面內容，頁眉和頁腳會完全清空。這非常適合頁面建構者 （如 Beaver Builder、Divi 等）、...。
  • Canvas Image Resize 》如果您的網站在低質環境下運行，由於製作不同大小和縮略圖的過程需要大量 CPU 使用量，因此WordPress可能無法上傳大圖片。, 使用此外掛，在上傳之前，簡單地...。
  • Canvas-Nest.js 》Canvas-nest.js是 GitHub 上一個非常華麗的開源專案，它使用不到2kb的Javascript代碼，構造一個炫酷的網頁背景效果。該專案的網址是：https://github.com/aTo...。
  • WP-TagCanvas 》使用 TagCanvas（http://www.goat1000.com/tagcanvas.php）外掛可取得 3D 標籤雲。TagCanvas 是一個 JavaScript 類別，可繪製並動畫呈現基於 HTML5 canvas 的...。
  • WpQrCode 》這個外掛讓使用者可以新增一個小工具，為每個網頁動態生成 QrCode。當訪客拜訪網站時，該小工具會顯示當前瀏覽的網頁的 qrcode。使用者可以添加帶或不帶標題...。
  • WP Makerboard 》提供一個「標記板」小工具，讓訪客可以玩弄。當使用者的滑鼠游標移動到小工具上方時，標記會在表面上畫出。, 這個小工具有四個選項：線條顏色、線條寬度、方...。
  • Wp Game Of Life 》這是使用HTML5畫布的生命遊戲模擬，若想要更多資訊，請參閱生命遊戲維基頁面。, 您也可以查看演示。, 短碼, [gol ID='canvas_id' width='width' cells='cells...。
  • sr-piechart-wp 》這個外掛將會在您的 WordPress 網站上新增一個漂亮且易於使用的圓餅圖表。您可以變更圓餅圖表的總寬度、單一圓餅圖區塊的寬度、總區塊的背景色、圓餅圖的圓圈...。
  • Free Quick Floor Planner 》免費快速地板規劃器讓你的訪客可以繪製自己的平面圖。, 只需將短碼 [quick-floor-planner] 放入其中一個頁面的內容即可使用。, 無論您經營的是房地產代理公司...。
  • Image Annotator 》如果你想要在圖片上繪製或加上字幕或文字，那麼這個外掛就是你需要的。最好的是，它允許你添加標題，保存它，顯示它，然後在不同圖層和對象上編輯它。, 它會...。
  • CanvasPop Photo Printing API 》Pop-up Store 是一個簡單而功能強大的外掛，讓顧客能夠輕鬆地購買優質手工製作的帆布印刷品，產品將直接寄送到客戶的手中。在這個外掛中，你能夠找到 Pop-up ...。
  • Canvas Portfolio 》使用 Canvas Portfolio 讓你的作品如本意一般展示。Canvas Portfolio 是專為攝影師、藝術家和設計師打造的擴充功能。。
  • Canvas Mobile Menu Addition 》WordPress WooThemes Canvas Mobile Menu Addition 是一個 WordPress 外掛。此外掛會在手機模式下隱藏所有子選單，僅在點擊時才顯示。, 這會將 display:none ...。
  • Vuelio Canvas 》此外掛允許使用者在他們的所見即所得編輯器或小工具，例如側邊欄中插入 Vuelio Canvas，, 並且在網站前端渲染。, Canvas 是在媒體公司 Vuelio 基礎架構上運行...。
  • knowners 》Knowners 是由 FakePress 和 Art is Open Source 製作的語義化視覺化外掛程式。它旨在成為 WordPress 界面的一部分，讓您可以在其上放置一個美觀的互動圖形，...。

文章
Filter
Apply Filters
Close
Mastodon