HTML5   发布时间:2022-04-26  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了在HTML5画布上绘制支持字体元素的SVG大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
@H_450_0@
有没有一个很好的库将SVG转换为支持字体元素的HTML画布?我已经尝试了 canvg,但它不支持Font。

解决方法

支持HTML5 Canvas的浏览器本身也支持SVG。因此,您可以这样做:
var img = new Image;
img.onload = function(){ myCanvasContext.drawImage(img,0); };
img.src = "foo.svg";

这种技术的唯一缺点是,如果SVG在您的域外,则画布将被污染;您将无法使用getImageData()来读取生成的SVG,如果这是您的目标。

我把这个技术的例子放在我的服务器上:http://phrogz.net/tmp/canvas_from_svg.html
我已经测试了这一点,并验证它在IE9,Chrome v11b,Safari v5和Firefox v4上的工作原理(看起来一样)。

[编辑]请注意:

Chrome浏览器和Firefox目前在安全性方面“平庸”,并且在将任何SVG绘制到画布上后(不论域名),都不允许您阅读画布(例如getImageData()或toDataURL())these have been fixed> Firefox目前有一个错误,它拒绝将SVG绘制到画布上,除非SVG指定了height和width属性

大佬总结

以上是大佬教程为你收集整理的在HTML5画布上绘制支持字体元素的SVG全部内容,希望文章能够帮你解决在HTML5画布上绘制支持字体元素的SVG所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。