Tôi đang cố chuyển đổi svg thành định dạng hình ảnh. Trên thực tế rất nhiều công trình rất tốt và tôi biết làm thế nào để chuyển đổi từ SVG để vải và từ vải để img. Vấn đề của tôi là svg sử dụng css đã được bao gồm dưới dạng tệp css và bằng cách chuyển đổi thành canvas, các kiểu sẽ bị mất.Sử dụng css trong svg được chuyển đổi thành img
Có ai có ý tưởng cách sao chép kiểu vào svg hoặc canvas của tôi không?
Đây là mã của tôi: https://jsfiddle.net/DaWa/70w9db1d/
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title>SVG2IMG</title>
<link rel="stylesheet" href="./circle.css">
</head>
<body>
<svg width="100" height="100">
<circle cx="50" cy="50" r="40"/>
</svg>
<script>
var svg = document.querySelector('svg');
let xml = new XMLSerializer().serializeToString(svg);
let data = "data:image/svg+xml;base64," + btoa(xml);
let img = new Image();
img.src = data;
document.body.appendChild(img)
</script>
</body>
</html>
Và css của tôi:
circle {
fill:red
}
@JGFMK Đó liên kết trang không giúp với câu hỏi của OP. –