svg转img

最新推荐文章于 2024-09-29 16:38:58 发布

chuijian2218

最新推荐文章于 2024-09-29 16:38:58 发布

阅读量2.3k

点赞数 3

原文链接：https://my.oschina.net/u/4075942/blog/3043620

版权

博客内容介绍了如何将SVG图形转换为IMG格式，提供了一个代码示例。

摘要由CSDN通过智能技术生成

啥也不说，直接上代码。

<!DOCTYPE html>
<html>

<head>
    <title></title>
</head>

<body>
    <div id="svg-wrap">
        <svg width="200" height="200" xmlns='http://www.w3.org/2000/svg'>
            <rect width="200" height="200" style="fill:#ddd"></rect>
        </svg>
    </div>
    <canvas id="canvas"></canvas>
    <script>
    window.onload = function(){
        //获取svg内容
        var svg = document.getElementById('svg-wrap').innerHTML;

        var canvas = document.getElementById('canvas');
        var c = canvas.getContext('2d');

        //新建Image对象
        var img = new Image();

        //svg内容
        img.src = 'data:image/svg+xml,' + unescape