如何将div 转化成 html 5 canvas

Posted 2023-04-17

<div id="svgContainer">
<svg id="svg"></svg>
</div>

首先需要获取svg标签以及内容：

var svghtml = svgContainer.innerHTML();

将svg转成canvas需要用到google的一个插件canvg，可以上官网下载，也可以直接远程引用进来

接下来就是调用该插件的canvg(canvasId,svgHtml)方法来转成canvas，这个方法第一个参数就是canvas标签的id，第二个自然就是svg标签内容了，就这样，svg转成了canvas

然后就是将canvas转成图片了，这个更加简单了

var imgSrc = document.getElementById(canvasId).toDataUrl("image/png");//这其实是将canvas转成了图片，并返回图片的所有内容数据，如下即可显示图片

1

<img src=imgSrc /> 参考技术A <div id="svgContainer"> 
<svg id="svg"></svg> 
</div>

首先需要获取svg标签以及内容：

var svgHtml = svgContainer.innerHTML();

将svg转成canvas需要用到google的一个插件canvg，可以上官网下载，也可以直接远程引用进来

接下来就是调用该插件的canvg(canvasId,svgHtml)方法来转成canvas，这个方法第一个参数就是canvas标签的id，第二个自然就是svg标签内容了，就这样，svg转成了canvas

然后就是将canvas转成图片了，这个更加简单了

var imgSrc = document.getElementById(canvasId).toDataUrl("image/png");//这其实是将canvas转成了图片，并返回图片的所有内容数据，如下即可显示图片

<img src=imgSrc />

本回答被提问者和网友采纳 参考技术B 给你介绍一个插件叫 html2canvas。应该可以实现你的要求。 参考技术C 下载一个格式转换软件

Python如何将整数转化成二进制字符串

Python 如何将整数转化成二进制字符串

1、你可以自己写函数采用 %2 的方式来算。

>>> binary = lambda n: ‘‘ if n==0 else binary(n/2) + str(n%2)
>>> binary(5)
‘101‘
>>>

2、采用 python 自带了方法 bin 函数，比如 bin(12345) 回返回字符串 ‘0b11000000111001‘, 这个时候在把0b去掉即可:

>>> bin(12345).replace(‘0b‘,‘‘)
‘11000000111001‘

3、也可以采用字符串的 format 方法来获取二进制：

>>> "{0:b}".format(12345)
‘11000000111001‘
>>>