亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb

首頁 > 編程 > HTML > 正文

html5中svg canvas和圖片之間相互轉化思路代碼

2024-08-26 00:17:24
字體:
來源:轉載
供稿:網友

點評:需要把網頁部分內容做正文,并把原網頁轉成pdf作為附件,發送郵件給boss,將svg轉成canvas顯示,但是后來發現canvas也無法正常顯示,最后不得已,只能將canvas標簽再一次轉成圖片格式

最近有個需求,需要把網頁部分內容做正文,并把原網頁轉成pdf作為附件,發送郵件給boss。由于我們這是報表類型的網站,在html5中控件開發無非就是canvas或者是svg,這里我們有幾個控件是用svg,而svg在FoxMail郵件正文中無法正常顯示,于是考慮將svg轉成canvas顯示,但是后來發現canvas也無法正常顯示,最后不得已,只能將canvas標簽再一次轉成圖片格式,終于解決了這個問題。下面就簡單介紹一下實現過程。如下是一個svg標簽

復制代碼

代碼如下:


<div>
<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 />


這就是從svg->canvas->image的實現方法了,這個還是很有用的,因為不同的瀏覽器對svg和canvas的支持不同,這樣的話,至少我們的控件總有方式能夠正確顯示,即使我們最后只能使用圖片。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb
色婷婷综合久久久久中文字幕1| 日韩精品日韩在线观看| 久久久www成人免费精品张筱雨| 91久久精品国产91性色| 色偷偷av一区二区三区乱| 最新国产精品拍自在线播放| 日本欧美在线视频| 亚洲国产女人aaa毛片在线| 欧美美女操人视频| 黄色精品一区二区| 中文字幕精品www乱入免费视频| 国语自产精品视频在线看一大j8| 亚洲精品一区二区三区不| 国产精品日韩在线播放| 中文字幕亚洲情99在线| 青青精品视频播放| 国产精品激情av在线播放| 91国产美女在线观看| 亚洲欧洲中文天堂| 中文字幕免费国产精品| 国产精品第2页| 欧美日韩亚洲激情| 这里只有视频精品| www.久久草.com| 日韩国产一区三区| 尤物tv国产一区| 日韩av在线播放资源| 欧美日韩高清区| 国产精品18久久久久久首页狼| 色在人av网站天堂精品| 91精品国产高清自在线| 另类专区欧美制服同性| 国产精品一区久久| 日韩中文av在线| 精品国偷自产在线视频| 久久久久久久97| 日韩中文字幕不卡视频| 国产精品国产亚洲伊人久久| 国产中文欧美精品| 日韩欧美高清在线视频| 成人有码视频在线播放| 国产精品高潮呻吟久久av无限| 成人妇女免费播放久久久| 国产精品视频专区| 国产精品久久久久久五月尺| 91九色蝌蚪国产| 午夜欧美不卡精品aaaaa| 亚洲精选一区二区| 久久久天堂国产精品女人| 疯狂做受xxxx高潮欧美日本| 国产精品成人免费视频| 亚洲热线99精品视频| 成人免费看吃奶视频网站| 久久艳片www.17c.com| 国产日韩欧美自拍| 国产精品av免费在线观看| 一区二区三区视频免费在线观看| 亚洲第一精品电影| 欧美高跟鞋交xxxxxhd| 亚洲在线观看视频网站| 在线日韩第一页| 5278欧美一区二区三区| 精品magnet| 亚洲伊人一本大道中文字幕| 亚洲视频在线播放| 欧美第一黄网免费网站| 国产日本欧美一区二区三区| 亚洲精品日产aⅴ| 2019亚洲男人天堂| 日韩av电影手机在线| 成人免费淫片视频软件| 亚洲国产精品99久久| 国产精品一久久香蕉国产线看观看| 精品国产乱码久久久久久天美| 欧美天堂在线观看| 亚洲成人性视频| 日韩精品免费一线在线观看| 国产香蕉97碰碰久久人人| 亚洲国产精品中文| 韩国视频理论视频久久| 成人午夜两性视频| 成人免费淫片视频软件| 久久精品99久久久香蕉| 欧美性生活大片免费观看网址| 亚州国产精品久久久| 日韩综合中文字幕| 国产aⅴ夜夜欢一区二区三区| 亚洲欧美一区二区三区久久| 国产精品第10页| 自拍偷拍亚洲一区| 亚洲最大的成人网| 亚洲精品xxxx| 国产精品久久久久久亚洲调教| 国产成人一区二区三区小说| 久久久久五月天| 国产精品视频一区二区三区四| 国产精品福利在线| 精品国产欧美成人夜夜嗨| 日韩一级裸体免费视频| 国产精品香蕉在线观看| 69视频在线免费观看| 亚洲一区二区在线| 日韩欧美中文第一页| 亚洲精品ady| 国产成人短视频| 亚洲一区二区三区视频播放| 欧美精品在线看| 夜色77av精品影院| 国产精品高潮呻吟久久av黑人| 日韩视频免费大全中文字幕| 日日骚av一区| 亚洲高清一区二| 91色琪琪电影亚洲精品久久| 中文字幕欧美精品日韩中文字幕| 91日韩在线播放| 久久久精品一区二区| 91在线观看欧美日韩| 国产一区二区精品丝袜| 国产一区二区三区视频免费| 欧美激情一二区| 97久久国产精品| 亚洲摸下面视频| 精品视频在线观看日韩| 日韩精品免费在线| 超碰精品一区二区三区乱码| 91精品国产777在线观看| 亚洲欧洲日韩国产| 日韩亚洲精品电影| 国产成人精品免费视频| 国产视频在线观看一区二区| 日韩福利伦理影院免费| 国产精品一区二区久久国产| 在线成人激情黄色| 色偷偷噜噜噜亚洲男人| 91精品中文在线| 亚洲精品视频播放| 日韩黄色在线免费观看| 欧美日韩国产激情| 久久精品99国产精品酒店日本| 久久亚洲精品网站| 国产精品高精视频免费| 亚洲午夜精品久久久久久久久久久久| 中文字幕亚洲一区二区三区五十路| 成人网页在线免费观看| 久久亚洲国产精品成人av秋霞| 91精品免费久久久久久久久| 久久九九精品99国产精品| 欧美日韩国产999| 国产日产欧美a一级在线| 成人福利网站在线观看11| 日韩美女在线看| 久久久久久网站| 这里只有精品丝袜| 成人精品久久av网站| 97超级碰碰碰| xvideos亚洲人网站| 欧美高跟鞋交xxxxxhd| 国产日韩中文字幕在线| 亚洲片在线资源| 欧美黑人又粗大| 国产精品久久久久av免费| 91高清免费视频| 亚洲欧美在线一区二区| 国产一区二区三区高清在线观看|