<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
</style>
</head>
<body>
<script src="https://cdnjs.cloudflare.com/ajax/libs/holder/2.9.4/holder.js"></script>
<img data-src="holder.js/300x200?theme=sky&random=yes&bg=2a2025">
theme: The theme to use for the placeholder. Example: holder.js/300x200?theme=sky
random: Use random theme. Example: holder.js/300x200?random=yes
bg: Background color. Example: holder.js/300x200?bg=2a2025
fg: Foreground (text) color. Example: holder.js/300x200?fg=ffffff
text: Custom text. Example: holder.js/300x200?text=Hello
size: Custom text size. Defaults to pt units. Example: holder.js/300x200?size=50
font: Custom text font. Example: holder.js/300x200?font=Helvetica
align: Custom text alignment (left, right). Example: holder.js/300x200?align=left
outline: Draw outline and diagonals for placeholder. Example: holder.js/300x200?outline=yes
lineWrap: Maximum line length to image width ratio. Example: holder.js/300x200?lineWrap=0.5
<img data-src="holder.js/200x200?auto=yes">
<!-- <div id="myImage" style="width: 100px ;height: 100px"></div> -->
<!-- <script type="text/javascript">
var myImage = document.getElementById('myImage');
Holder.run({
images: myImage
});
</script> -->
</body>
</html>
网友评论