html代码canvas,HTML代码转canvas-图标

用法:

1.装包: npm i html2canvas

2.导包: import html2canvas from 'html2canvas'

3.用包:

我是盒子

Lorem ipsum dolor sit amet consectetur adipisicing elit. Perferendis,

itaque aut. Est, nobis nisi, cum soluta pariatur labore modi minus

tempora porro optio quas quasi ut expedita, sequi aperiam maxime.

import html2canvas from 'html2canvas'

export default {

data () {

return {

src: ''

}

},

mounted () {

html2canvas(this.$refs.box).then(canvas => {

const url = canvas.toDataURL()

console.log(url)

this.src = url

})

}

}

.box {

background: linear-gradient(

to right,

red,

orange,

yellow,

green,

skyblue,

blue,

purple

);

}

.box h2 {

color: white;

}

img {

width: 100%;

}