Javascript 在画布上显示SVG的字符串_Javascript_Dom_Canvas_Svg

Javascript 在画布上显示SVG的字符串

javascript dom canvas svg

Javascript 在画布上显示SVG的字符串,javascript,dom,canvas,svg,Javascript,Dom,Canvas,Svg,我想在画布上显示一个SVG字符串一种方法是在页面上有一个虚拟的img元素，并使用它将SVG“转换”为可以在画布上绘制的内容 const svg='\r\n MTF\r\n'； const svgURL=`data:image/svg+xml，${svg}`； const img=document.getElementById（'i'）； img.setAttribute（'src'，svgURL）； const canvas=document.getElementById（'c'）； con

我想在画布上显示一个SVG字符串

一种方法是在页面上有一个虚拟的

img

元素，并使用它将SVG“转换”为可以在画布上绘制的内容

const svg='\r\n MTF\r\n'；
const svgURL=`data:image/svg+xml，${svg}`；
const img=document.getElementById（'i'）；
img.setAttribute（'src'，svgURL）；
const canvas=document.getElementById（'c'）；
const context=canvas.getContext（'2d'）；
drawImage（img，0,0）

您可以使用。它允许您直接在画布上呈现SVG文档