在图像上添加动态文本
在图像上添加动态文本
提问于 2012-07-16 18:16:35
我正在为用户制作一个网站，在那里他们可以创建自定义徽标。为此，我需要一个设施来添加动态文本从文本框中，用户将填写，然后文本应该出现在选定的图像上。有没有什么方法，比如说Javascript，我可以通过它来实现上面的场景？非常感谢您对我如何做到这一点的任何建议。
到目前为止我的HTML是：
<html>
<body>
<input type="text" id="submit"/>
<img src=<?php echo $image; ?> id="toChange" alt="pic" width="60" height="60" />
</body>和我的jQuery：
$('#submit').change(function() {
$('#toChange').text( $('#submit').val());
});但到目前为止，我还没有成功。
回答 1
Stack Overflow用户
回答已采纳
发布于 2012-07-16 18:20:58
您可以尝试以下操作：
https://developer.mozilla.org/en/Drawing_text_using_a_canvas：
- 使用HTML5 Canvas渲染图像示例:在渲染图像的顶部使用HTML5 Canvas API绘制具有所需字体属性的文本参考:Reference
希望这是有用的。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/11502308
复制相关文章
相似问题
腾讯云开发者
