高级自定义字段，设置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) 

当然，你必须编辑句柄和名称以适合您的场景。