imghex

2019-10-10 admin

imghex是什么

什么是imghex,create hex tile maps with img elements

imghex使用教程帮助文档

imghex

client and server utilities for tile-based maps using html svg image elements

HTML5, CSS, Nodejs, express, jade

This project uses CSS positioning to create “hex maps” for presentation in a browser supporting HTML5. Jade templates are used server-side OR client-side to build maps. Maps consist of inter-leaved rows of hex tiles. Each row is a list. The list element contents are svg elements that contain image elements. CSS positioning is used to offset rows of hex tiles so that they ‘nestle’ together.

Generally, the author believes that there is value in managing tile-based maps as html elements as opposed to managing graphical images in canvas elements. The conceptual difference is simple: if the map is made of html elements, each element is accessible as part of the document structure. This allows to take advantage of tools like jQuery and d3js when manipulating the map.

本站文章除注明转载外,均为本站原创或编译。欢迎任何形式的转载,但请务必注明出处。

转载请注明:文章转载自 JavaScript中文网 [https://www.javascriptcn.com]

本文地址:https://www.javascriptcn.com/read-77053.html

文章标题:imghex

回到顶部