资讯专栏INFORMATION COLUMN

一个很无聊的轮子—img2html

Lin_YT / 1121人阅读

摘要:将图片转换为节点一个特别无聊的轮子示例页面原图转换后安装简单使用微必填,节点,原图注原图尽量不要太大,如果超过,那么步长应该设置大于必填,渲染之后像素节点容器选填,步长,默认值能够有效减少渲染的像素集,如设置为则渲染的像素集为原图像

将图片转换为html节点(一个特别无聊的轮子......)

示例

HTML页面

原图 转换后
安装

npm install img2html --save

简单使用
import {img2html} from "img2html";
window.addEventListener("load", function() {
    img2html(document.querySelector(".covert-img"), document.querySelector(".covert-html"), 2, "微");
})
API elm

必填,img节点,原图

注:原图尽量不要太大,如果超过300px,那么步长应该设置大于2

renderElm

必填,渲染之后像素节点容器

step

选填,步长,默认值:2

能够有效减少渲染的像素集,如设置为2则渲染的像素集为原图像素集的1/4

byte

选填,渲染字节,默认值:微
每个像素渲染的值

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/82376.html

相关文章

  • NingJS - JSConf China 2016个人与会总结&感想

    摘要:之所以预先调研还是因为英文水平不好,怕到时现场听不懂一下就懵逼了。在场参会最小的还是一名高中生。英语流利说这是硬伤。因此我下载了英语流利说这款应用来练习,然后刚好有几个外国朋友,可以作为实践对象。 NingJS - JSConf China 2016 为期两天的NingJS - JSconf 2016,聚焦点自然是JavaScript和Node.js,当然还有不少来打广告和混脸熟的。本...

    xiaoqibTn 评论0 收藏0
  • BlockLang - 软件拼装工厂

    摘要:相信每个人都可按照自己的需求,拼装出称心的软件。告别传统的业务系统开发模式,人人都能高效率的拼装出高质量的业务系统。 转眼间,做业务系统的软件开发已有十个年头,从刚开始的激情满满,到周而复始地一个接一个的做项目,虽然竭尽全力将一些常用的代码或模式封装到框架中,但依然感觉到了无尽的重复,而正是这无尽的重复在逐渐的吞噬着我的工作热情。 我意识到,虽然我热爱软件研发,但目前的业务系统软件研发...

    Charles 评论0 收藏0
  • 优雅、贴心、靠谱Node.js开发框架-AdonisJs

    摘要:关于作者程序开发人员,不拘泥于语言与技术,目前主要从事和前端开发,使用和,端使用混合式开发。合适和够用是最完美的追求。没错,是一款的后端框架。的灵感来自一个名为的框架。功能亮点是围绕实际用例构建的。让您忘掉传统查询,拥抱优雅的数据模型。 关于作者 程序开发人员,不拘泥于语言与技术,目前主要从事PHP和前端开发,使用Laravel和VueJs,App端使用Apicloud混合式开发。合...

    justCoding 评论0 收藏0

发表评论

0条评论

Lin_YT

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<