Hướng dẫn làm trang lấy mã màu từ ảnh cho blog/website
Chào mừng các bạn đã đến với bài viết tiếp theo của Code Pro. Đợt trước, mình có giới thiệu cho các bạn một công cụ lấy mã màu từ ảnh và hôm nay mình sẽ share code và hướng dẫn các bạn cách tạo công cụ lấy mã màu từ ảnh cho riêng mình luôn.
 |
| Share code lấy mã màu từ ảnh cho blog/website |
Không share thì kiểu gì các bạn cũng rip cho bằng được nên là thôi có cái gì mình cũng share hết =))
Source:
Copy toàn bộ code sau và thêm vào blog/website!
<link rel="stylesheet" href="https://cdn.leanhduc.pro.vn/utilities/animation/button-ver-1.0/style.css"/>
<link rel="stylesheet" href="https://cdn.leanhduc.pro.vn/utilities/get-color-code/style.css"/>
<div id="insertcolor" style="width:100%;">
<input style="float:left;" id="uploadImage" type="file" name="myPhoto" onchange="loadImageFile();"/>
<button onclick="myFunction()" class="codepro-custom-btn codepro-btn-13">Hiện</button>
</div>
<div style="width:100%;height:302px;position: relative;background-color: #EEE;">
<canvas id="myCanvas" width="600" height="300" style="border:1px solid #d3d3d3;border-right:0;position: absolute; left: 0; top: 0; z-index: 0;"></canvas>
<canvas id="pixCanvas" width="150" height="150" style="border:1px solid #d3d3d3;position: absolute; right: 0; top: 0; z-index: 0;"></canvas>
<div id="barvadiv" style="border:25px solid #d3d3d3;height:150px;width:152px;background-color:#d3d3d3;position: absolute; right: 0; top: 152px; z-index: 0;"></div>
</div>
<div id="insertcolor" style="width:100%;"><input type="text" maxlength="7" id="pixcolor" name="pixcolor" style="width:120px;" onclick="this.select()" readonly="readonly"></div>
<img alt="Image preview" id="slika" src="data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%3F%3E%0A%3Csvg%20width%3D%22153%22%20height%3D%22153%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%0A%20%3Cg%3E%0A%20%20%3Ctitle%3ENo%20image%3C/title%3E%0A%20%20%3Crect%20id%3D%22externRect%22%20height%3D%22150%22%20width%3D%22150%22%20y%3D%221.5%22%20x%3D%221.500024%22%20stroke-width%3D%223%22%20stroke%3D%22%23666666%22%20fill%3D%22%23e1e1e1%22/%3E%0A%20%20%3Ctext%20transform%3D%22matrix%286.66667%2C%200%2C%200%2C%206.66667%2C%20-960.5%2C%20-1099.33%29%22%20xml%3Aspace%3D%22preserve%22%20text-anchor%3D%22middle%22%20font-family%3D%22Fantasy%22%20font-size%3D%2214%22%20id%3D%22questionMark%22%20y%3D%22181.249569%22%20x%3D%22155.549819%22%20stroke-width%3D%220%22%20stroke%3D%22%23666666%22%20fill%3D%22%23000000%22%3E%3F%3C/text%3E%0A%20%3C/g%3E%0A%3C/svg%3E" style="display:none" />
<br/>
<script language="javascript" src="https://cdn.leanhduc.pro.vn/utilities/get-color-code/main.js"></script>
Lời kết
Trên đây là toàn bộ code lấy mã màu từ ảnh cho blog/website. Nếu có bất cứ thắc mắc hay khiếu nại về bản quyền hãy comment ngay phía dưới cho mình biết nhé. Chúc các bạn một ngày tốt lành!
Copyright © Code Pro