1 Star 4 Fork 3

顶看 / Dkpic

加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
克隆/下载
贡献代码
同步代码
取消
提示: 由于 Git 不支持空文件夾,创建文件夹后会生成空的 .keep 文件
Loading...
README

Dkpic

Dkpic(顶看图片),采用JS获取文本首字符,随机采用颜色为背景生成图片,生成的图片可用于网站人物头像、LOGO等。

快速上手

获得 Dkpic 后,将其完整地部署到你的项目目录(或静态资源服务器),你只需要引入下述两个文件:

./Dkpic/js/jquery-3.4.1.min.js //提示:如果你的项目中已有jquery,则不用再次重复引入jquery
./Dkpic/js/Dkpic.js

这是一个基本的入门页面:

<!DOCTYPE html>
<html>
<head>
	<meta http-equiv="content-type" content="text/html;charset=utf-8">
	<title>Dkpic - 顶看</title>

	<style type="text/css">
		body {font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;}
		/* 图形像素 */
		.Dkpic{width:180px; height:180px;}
		/* 圆形头像 */
		.round {border-radius:50%;}
	</style>
</head>
<body>
<h1>Dkpic</h1>
<h3><strong>实例:</strong></h3>

<div>
	<img class="Dkpic" Dkpic="顶">
	<img class="Dkpic" Dkpic="看">
</div>

<div>
	<img class="Dkpic round" Dkpic="欢迎">
	<img class="Dkpic round" Dkpic="迎接">
</div>

<!-- 引入Dkpic -->
<script src="js/jquery-3.4.1.min.js"></script>
<script src="js/Dkpic.js"></script>
</body>
</html>

空文件

简介

Dkpic(顶看图片),采用JS获取文本首字符,随机采用颜色为背景生成图片,生成的图片可用于网站人物头像、LOGO等。 展开 收起
JavaScript
取消

发行版

暂无发行版

贡献者

全部

近期动态

加载更多
不能加载更多了
JavaScript
1
https://gitee.com/dingkan/Dkpic.git
git@gitee.com:dingkan/Dkpic.git
dingkan
Dkpic
Dkpic
master

搜索帮助