Javascript 如何使用java脚本将二维码嵌入现有图像?

Javascript 如何使用java脚本将二维码嵌入现有图像?,javascript,jquery,node.js,qr-code,Javascript,Jquery,Node.js,Qr Code,我有一个二维码和一个现有的图像。在一个现有的图像中,我想嵌入创建的二维码。有人能帮忙吗? 我对nodeJS、JavaScript、jQuery都很熟悉HTML画布drawImage应该会有所帮助 您可以在已绘制的图像上绘制图像 您可以在此处找到更多文档: 另一个解决办法是: HTML: 但是当然,,最好的解决方案是使用服务器端解决您的问题您是想做这个客户端还是服务器端?非常感谢。我正在处理它。但是有一个问题我真的不知道客户/用户在浏览器方面的设置会是什么。那么是否有画布的替代方案?如果您最

我有一个二维码和一个现有的图像。在一个现有的图像中,我想嵌入创建的二维码。有人能帮忙吗?
我对nodeJS、JavaScript、jQuery都很熟悉

HTML画布drawImage应该会有所帮助

您可以在已绘制的图像上绘制图像

您可以在此处找到更多文档:


另一个解决办法是:

HTML:



但是当然,,最好的解决方案是使用服务器端解决您的问题

您是想做这个客户端还是服务器端?非常感谢。我正在处理它。但是有一个问题我真的不知道客户/用户在浏览器方面的设置会是什么。那么是否有画布的替代方案?如果您最终进行服务器端路由检查用nodeJS给出这个答案谢谢兄弟。在JavaScript中有其他选择吗?据我所知,如果有人使用不支持canvas的旧浏览器,那么使用纯JavaScript或JavaScript+JQueryso无法解决您的问题?除了JavaScript,还有什么替代方法呢?正如我所建议的,html和css,或者是最好的方法——使用服务器端解决您的问题——如果我想在父图像的特定位置插入子图像,该怎么办?
<div id="parent">
    <div id="child"></div>
</div>
#parent{
    background: green;
    padding: 10px;
    display: inline-block;
}

#child{
    background: url('http://www.mobile-barcodes.com/images/small-qr-code.gif');
    width: 50px;
    height: 50px;
}