高级自定义字段，设置html5画布文本

Question

如果有人有任何参考或链接指向我的方向，我会非常感激。我知道我可以用“context.fillText（”Hello World“）设置画布文本;”什么时候做直接画布。

我的问题是如何将高级自定义字段（acf）字段用作我的文本变量，以便客户端可以自己设置/更改文本。

所以，如果我有：

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

我如何将其设置为'fillText'？

我能以某种方式使用ACF字段作为变量然后在画布js中使用吗？

Answer 1

使用wp_localize_script将一个变量从php传递到WordPress中的javascript，如下所示：

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

然后在你的js中使用它：

context.fillText (canvas_js_localization.canvas_text)

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