javascript - Javascipt中如何实现文字淡化嵌入图片的功能？

Question

就比如我自定义一段文字，然后将文字印在图片里的杯子上。

Javascript小白，之前一直用Python。
求各位大神讲解一下思路 T T 老板可是寄予厚望呢

Answer 1

可以用HTML5的Canvas画图和文字。

透明度什么的也是可以控制的。

https://developer.mozilla.org/zh-CN/docs/Web/API/Canvas_API/Tutorial

Answer 2

楼上说的canvas画图就可以。还有你可以用z-index,层叠啊。用position：absolute什么的。负margin什么的。如果你只是要视觉上的效果。。当然如果不仅仅是视觉上的，那就只能用canvas把字给画到图上去