javascript - html2canvas 文本阴影错误

Question

我有这个代码 http://jsfiddle.net/nuu7B/2/

html2canvas($('#preview'), {  
    onrendered: function (canvas) {
        var canvasImg = canvas.toDataURL("image/jpg");
        $('#canvasImg').html('<img src="'+canvasImg+'" alt="">');
    }
});

我正在使用 html2canvas 导出图像。但正如您所见，文本阴影无法正常工作。

text-shadow: -2px 0 #000, 0 2px #000, 2px 0 #000, 0 -2px #000;

我知道 Canvas 支持文本阴影，但 html2canvas 是这里的问题..

我该如何解决？谢谢

Answer 1

html2canvas 只有基本的文本阴影支持:

// Not supported: text-shadow: -2px 0 #000, 0 2px #000, 2px 0 #000, 0 -2px #000;

// Just the basic X-offset, Y-offset, blur, color

text-shadow: 1px 2px 3px #555;

一些选项:

• 在此处提交拉取请求:https://github.com/niklasvh/html2canvas/pulls

• 将 CSS 阴影样式的 html 元素放置在 Canvas 上您需要的位置

• 尝试在 html Canvas 上绘制多个相邻的阴影，看看您是否可以创建所需的内容。