一個很無聊的輪子—img2html

Lin_YT 發布于2019-08-20 15:37 / 1156人閱讀

摘要：將圖片轉換為節點一個特別無聊的輪子示例頁面原圖轉換后安裝簡單使用微必填，節點，原圖注原圖盡量不要太大，如果超過，那么步長應該設置大于必填，渲染之后像素節點容器選填，步長，默認值能夠有效減少渲染的像素集，如設置為則渲染的像素集為原圖像

將圖片轉換為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

選填，渲染字節，默認值：微
每個像素渲染的值

GPU云服務器云服務器很無聊無聊 img2html 造輪子

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/82376.html

NingJS - JSConf China 2016個人與會總結&感想

摘要：之所以預先調研還是因為英文水平不好，怕到時現場聽不懂一下就懵逼了。在場參會最小的還是一名高中生。英語流利說這是硬傷。因此我下載了英語流利說這款應用來練習，然后剛好有幾個外國朋友，可以作為實踐對象。 NingJS - JSConf China 2016 為期兩天的NingJS - JSconf 2016，聚焦點自然是JavaScript和Node.js，當然還有不少來打廣告和混臉熟的。本...

xiaoqibTn 2019-08-22 10:36 評論0 收藏0
BlockLang - 軟件拼裝工廠

摘要：相信每個人都可按照自己的需求，拼裝出稱心的軟件。告別傳統的業務系統開發模式，人人都能高效率的拼裝出高質量的業務系統。轉眼間，做業務系統的軟件開發已有十個年頭，從剛開始的激情滿滿，到周而復始地一個接一個的做項目，雖然竭盡全力將一些常用的代碼或模式封裝到框架中，但依然感覺到了無盡的重復，而正是這無盡的重復在逐漸的吞噬著我的工作熱情。我意識到，雖然我熱愛軟件研發，但目前的業務系統軟件研發...

Charles 2019-08-16 16:50 評論0 收藏0
優雅、貼心、靠譜的Node.js開發框架-AdonisJs

摘要：關于作者程序開發人員，不拘泥于語言與技術，目前主要從事和前端開發，使用和，端使用混合式開發。合適和夠用是最完美的追求。沒錯，是一款的后端框架。的靈感來自一個名為的框架。功能亮點是圍繞實際用例構建的。讓您忘掉傳統查詢，擁抱優雅的數據模型。關于作者程序開發人員，不拘泥于語言與技術，目前主要從事PHP和前端開發，使用Laravel和VueJs，App端使用Apicloud混合式開發。合...

justCoding 2019-06-27 16:15 評論0 收藏0