前端接收,texthtml类型 的图片流

html-css024

前端接收,texthtml类型 的图片流,第1张

<div class="headL"></div>

<script>

var xhr=new XMLHttpRequest()

xhr.open("GET","图片URL",true)

xhr.responseType = "blob"

xhr.onload = function () {

var blob = this.response

var img = document.createElement("img")

img.onload = function (e) {

window.URL.revokeObjectURL(img.src)

}

img.src = window.URL.createObjectURL(blob)

$(".headL").html(img)

}

xhr.send()

</script>

不是的,它这个可能是因为是纯静态的页面,只需要加个map 在指定坐标给点链接就可以。这样做有很多缺点,一个是,为了保证显示效果,图片必须很大,这样子网速较差的话,浏览体验相当糟糕;再一个,无法进行响应式编程,因为字的像素已经固定了,放大太多可能导致字体不清晰,而小屏幕的话,可能出现字根本看不清的状况。如果网站只是用图片就可以搭起来,要前端干嘛= =