0
187
Views-webkit-mask-image no funciona html2canvas render
Estoy tratando de hacer un editor de carteles de plantilla. Me gustaría agregar una imagen a mi lienzo mientras lo enmascaro. Funciona bien, puedo enmascarar cada foto que quiero, pero cuando intento renderizarla, la imagen agregada se renderiza sin ninguna imagen de máscara. ¿Cómo puedo arreglarlo?
este es mi lienzo
Este es el resultado 
Código:
function capture() { $('#target').html2canvas({ onrendered: function (canvas) { var a = document.createElement('a'); a.href = canvas.toDataURL("image/jpeg", 1.0); name = document.getElementById("konukAdi").value name = name.replace(/\s/g, '') extname = document.getElementById("boyut-secimi").value a.download = name + extname + '.jpg'; a.click(); } }); } top: 16.12%; left: 55.9%; -webkit-mask-size: contain; -webkit-mask-image: url(/poster/images/masks/tercih.png)!important; z-index: 15; overflow: hidden; width: 620px; height: auto; position: absolute; <img src="" id="id_1" class="konukImg" onclick="dragImage(this);" style="mask-image: url(/poster/images/masks/tercih.png) !important; top:16.12%;left:55.9%; -webkit-mask-size:contain;-webkit-mask-image: url(/poster/images/masks/tercih.png)!important; ;z-index : 15;overflow : hidden; width:620px;height:auto; position : absolute;">
·
Juan Pablo Isaza
Answer question