高級自定義字段，設置html5帆布文本

Question

如果任何人有任何引用或鏈接指向我的方向，我將不勝感激。我知道我可以用「context.fillText（」Hello World「）設置畫布文本;」當只做簡單的畫布時。

我的問題是如何使用高級自定義字段（acf）字段作爲我的文本變量，以便客戶端可以自行設置/更改文本。

所以，如果我有：

<?php the_field('canvas_text'); ?> 

我怎麼會去有關設置此爲 'fillText方法'？

我能否以某種方式使用ACF字段作爲變量，然後在畫布js中使用？

Answer 1

使用wp_localize_script從PHP變量傳遞給JavaScript在WordPress，像這樣：

wp_localize_script('canvas_js', 'canvas_js_localization', array(
    'canvas_text' => get_field('canvas_text') 
)); 

，然後用它在你的JS是這樣的：

context.fillText (canvas_js_localization.canvas_text) 

當然，你必須編輯句柄和名稱以適合您的場景。