10/10/2018, 10:46

Javascript photo watermark

Mình đã tìm trong diễn đàn nhưng không có code js nào tạo watermark cho ảnh. Bạn nào có share cho mình nhé.

Mục đích:
Do dùng code php rất tốn tài nguyên server nên mình cho load ảnh gốc về máy client trước và dùng js để tạo watermark trên ảnh đã down về đó. (ảnh gốc để ở các free host hoặc lấy link từ các trang khác). Mình đã google rất nhiều nhưng không thấy đoạn code nào, nên lên diễn đàn hy vọng sẽ có bạn có code tương tự. Thanks
VnVision viết 12:56 ngày 10/10/2018
Quan trọng là công nghệ không cho phép thôi bạn ạ. Javascript ko thể động tới file trên máy client.
Shellingfox viết 12:58 ngày 10/10/2018
Sử lý ảnh bằng Javascript thì bạn có thể sử dụng thẻ <canvas> của HTML5 (Có nghĩa là các trình duyệt hổ trợ HTML5 mới có chức năng này). Có thể xử lý các hình định dạng png và xuất ra định dạng png thôi. Bạn search với từ khóa "canvas manipulation image" là có nhiều kết quả cho bạn lắm.
jacobleq viết 12:56 ngày 10/10/2018
mình tìm được cái này http://www.htmlstack.com/watermark/
dù nó có js cho ie
<!--[if IE]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->

nhưng khi chạy trên iê6 ko lên
trinhdiep viết 12:48 ngày 10/10/2018
Được gửi bởi jacobleq
mình tìm được cái này http://www.htmlstack.com/watermark/
dù nó có js cho ie
<!--[if IE]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->

nhưng khi chạy trên iê6 ko lên
ô. cái nè hay phết. code cũng khá đơn giản.
Vô Thin viết 13:00 ngày 10/10/2018
@jacobleq: nếu không dùng canvas trong HTML 5 như các bạn trên đề nghị thì mình nghĩ là bó tay thôi, JavaScript không thể làm được cái việc "đóng dấu" lên file ảnh. Cùng lắm là bạn làm một DIV / Layer chứa một cái ảnh khác (giả làm watermark) đè lên ảnh của bạn để người dùng bình thường (ít rành về code HTML) không thể click chuột phải để lấy link trực tiếp đến ảnh đi chèn vào những trang web khác. Cách này không áp dụng được cho những ai đọc hiểu được mã HTML.
Shellingfox viết 12:50 ngày 10/10/2018
Cái script trên kia là làm như mình nói rồi đó. Ngoài việc watermark bằng text thì cũng có thể làm bằng hình.
Tuy nhiên người dùng sẽ vẫn có thể lấy được hình gốc nếu muốn.

Cái đoạn Javascript trên chỉ làm cho IE hiểu được các tag của html5 chứ không làm cho IE có khả năng làm các tag đó có đầy đủ chức năng của html5 đâu. Và với mình thì html nó là thuộc về cấu trúc do đó không nên dùng js để can thiệp. js chỉ nên dùng làm interaction thôi.
jacobleq viết 12:56 ngày 10/10/2018
Mình cũng chỉ muốn dùng cho những người dùng bình thường thôi. Còn với các pro khác họ lấy hình gốc cũng được. Nhưng như vậy là xem như không xài được phương án này cho ie6 rồi. CÓ lẽ sẽ mình sẽ phải tính phương án chuyển sang host nước ngoài tuy hơi chậm nhưng space và băng thông thoải mái hơn.
thuyduongcd viết 12:56 ngày 10/10/2018
Lấy trộm hình của người khác rồi còn đóng dấu lên làm hình của mình. Đời lắm lúc cũng buồn cười thật.
ngoc_viet08 viết 12:51 ngày 10/10/2018
các forum - site tin sốc , *** siếc , lộ hàng , tuổi teen giờ bạ được cái hình nào là đóng tên website của mình vào hết đó bác thuyduong ơi
Bài liên quan
0