คำถามติดแท็ก image

แท็กรูปภาพสำหรับคำถามที่เกี่ยวข้องกับการโหลดการจัดรูปแบบการบันทึกการบีบอัดและการแสดงรูปภาพในบริบทของซอร์สโค้ด แท็กนี้ควรใช้สำหรับความช่วยเหลือในการใช้ไลบรารีรูปภาพต่างๆ คำถามเกี่ยวกับรูปแบบภาพที่เฉพาะเจาะจงควรรวมแท็กสำหรับรูปแบบเหล่านั้น รวมแท็กที่จะกล่าวถึงหากคำถามเกี่ยวข้องกับการแปลงรูปแบบการประมวลผลและอื่น ๆ

8
วิธีการแปลงภาพ PIL เป็นอาร์เรย์ numpy?
เอาล่ะฉันกำลังเล่นกับการแปลงวัตถุรูปภาพ PIL ไปมาเป็นอาร์เรย์ที่มีจำนวนมากดังนั้นฉันจึงสามารถแปลงพิกเซลได้เร็วขึ้นโดยการแปลงพิกเซลกว่าPixelAccessวัตถุของ PIL ฉันพบวิธีวางข้อมูลพิกเซลในอาร์เรย์แบบสามมิติที่มีประโยชน์โดย: pic = Image.open("foo.jpg") pix = numpy.array(pic.getdata()).reshape(pic.size[0], pic.size[1], 3) แต่ดูเหมือนว่าฉันจะไม่สามารถหาวิธีโหลดมันกลับเข้าไปในวัตถุ PIL ได้หลังจากที่ฉันได้ทำการแปลงที่ยอดเยี่ยมทั้งหมดแล้ว ฉันตระหนักถึงputdata()วิธีการ แต่ดูเหมือนจะไม่สามารถทำให้มันทำงานได้

7
CSS3 หมุนภาพเคลื่อนไหว
<img class="image" src="" alt="" width="120" height="120"> ไม่สามารถทำให้ภาพเคลื่อนไหวนี้ทำงานได้ควรหมุน 360 องศา ฉันเดาว่ามีบางอย่างผิดปกติกับ CSS ด้านล่างเนื่องจากยังคงอยู่ .image { float: left; margin: 0 auto; position: absolute; top: 50%; left: 50%; width: 120px; height: 120px; margin-top: -60px; margin-left: -60px; -webkit-animation-name: spin; -webkit-animation-duration: 4000ms; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; -moz-animation-name: spin; -moz-animation-duration: 4000ms; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: linear; -ms-animation-name: …
244 image  css  animation  rotation 

9
เปลี่ยน src ของแท็ก img โดยทางโปรแกรม
ฉันจะเปลี่ยนsrcคุณสมบัติของimgแท็กโดยใช้จาวาสคริปต์ได้อย่างไร <img src="../template/edit.png" name=edit-save/> ตอนแรกฉันมี src เริ่มต้นซึ่งก็คือ "../template/edit.png" และฉันต้องการเปลี่ยนด้วย "../template/save.png" onclick อัปเดต: นี่คือ html ของฉัน onclick: <a href='#' onclick='edit()'><img src="../template/edit.png" id="edit-save"/></a> และ JS ของฉัน function edit() { var inputs = document.myform; for(var i = 0; i < inputs.length; i++) { inputs[i].disabled = false; } } ฉันได้ลองใส่สิ่งนี้ลงในการแก้ไข () มันใช้งานได้ แต่ต้องคลิกที่ภาพสองครั้ง var …
242 javascript  html  image  src 

8
จะสร้าง Dockerfile จากภาพได้อย่างไร?
เป็นไปได้หรือไม่ที่จะสร้าง Dockerfile จากภาพ? ฉันต้องการทราบด้วยสองเหตุผล: ฉันสามารถดาวน์โหลดภาพจากพื้นที่เก็บข้อมูล แต่ต้องการดูสูตรที่สร้าง ฉันชอบความคิดในการบันทึกสแนปชอต แต่เมื่อฉันทำมันจะเป็นการดีที่มีรูปแบบที่มีโครงสร้างเพื่อตรวจสอบสิ่งที่ทำ
241 image  repository  docker 

15
การแทนที่ข้อความ H1 ด้วยภาพโลโก้: วิธีที่ดีที่สุดสำหรับ SEO และการเข้าถึง?
ดูเหมือนว่ามีเทคนิคที่แตกต่างกันออกไปดังนั้นฉันหวังว่าจะได้คำตอบที่ "ชัดเจน" ในเรื่องนี้ ... ในเว็บไซต์เป็นเรื่องธรรมดาที่จะต้องสร้างโลโก้ที่เชื่อมโยงไปยังหน้าแรก ฉันต้องการทำสิ่งเดียวกันในขณะที่ปรับให้เหมาะสมที่สุดสำหรับเครื่องมือค้นหาโปรแกรมอ่านหน้าจอ IE 6+ และเบราว์เซอร์ที่ปิดใช้งาน CSS และ / หรือรูปภาพ ตัวอย่างที่หนึ่ง:ไม่ใช้แท็ก h1 ไม่ดีสำหรับ SEO ใช่ไหม <div id="logo"> <a href=""> <img src="logo.png" alt="Stack Overflow" /> </a> </div> ตัวอย่างที่สอง:พบสิ่งนี้ที่ไหนสักแห่ง CSS ดูเหมือนแฮ็คเล็กน้อย <h1 id="logo"> <a href="">Stack Overflow</a> </h1> /* css */ #logo { padding: 70px 0 0 0; overflow: hidden; …
240 css  xhtml  image  seo 

14
มีขนาดเท่ากับพื้นหลัง: ครอบคลุมและมีสำหรับองค์ประกอบภาพหรือไม่
Наэтотвопросестьответына กองมากเกินнарусском : Естьлианалогพื้นหลัง-size: ปกдля img? ฉันมีเว็บไซต์ที่มีหลายหน้าและภาพพื้นหลังที่แตกต่างกันและฉันจะแสดงพวกเขาจาก CSS เช่น: body.page-8 { background: url("../img/pic.jpg") no-repeat scroll center top #000; background-size: cover; } อย่างไรก็ตามฉันต้องการแสดงรูปภาพ (แบบเต็มหน้าจอ) ที่แตกต่างกันในหน้าเดียวโดยใช้<img>องค์ประกอบและฉันต้องการให้มีคุณสมบัติเดียวกันกับคุณสมบัติด้านบน background-image: cover;(ภาพที่ไม่สามารถแสดงได้จาก CSS จะต้องแสดงจากเอกสาร HTML) ปกติฉันจะใช้: div.mydiv img { width: 100%; } หรือ: div.mydiv img { width: auto; } เพื่อให้ภาพเต็มและตอบสนอง อย่างไรก็ตามภาพหดตัวมากเกินไป ( width: 100%) เมื่อหน้าจอแคบเกินไปและแสดงสีพื้นหลังของร่างกายในหน้าจอด้านล่าง วิธีอื่นwidth: …
240 html  image  css 

8
ฉันจะแปลงอาเรย์ numpy เป็น (และแสดง) ภาพได้อย่างไร?
ฉันได้สร้างอาร์เรย์ดังนี้: import numpy as np data = np.zeros( (512,512,3), dtype=np.uint8) data[256,256] = [255,0,0] สิ่งที่ฉันต้องการให้ทำคือแสดงจุดสีแดงหนึ่งจุดที่กึ่งกลางของภาพ 512x512 (อย่างน้อยเริ่มต้นด้วย ... ฉันคิดว่าฉันสามารถหาที่เหลือได้จากที่นั่น)

15
ตรวจสอบว่าภาพถูกโหลด (ไม่มีข้อผิดพลาด) ด้วย jQuery
ฉันใช้จาวาสคริปต์กับไลบรารี่ jQuery เพื่อจัดการภาพขนาดย่อของรูปภาพที่อยู่ในรายการที่ไม่ได้เรียงลำดับ เมื่อโหลดภาพมันจะทำสิ่งหนึ่งเมื่อเกิดข้อผิดพลาดมันจะทำอย่างอื่น ฉันใช้ jQuery load()และerror()วิธีการเป็นกิจกรรม หลังจากเหตุการณ์เหล่านี้ฉันตรวจสอบองค์ประกอบภาพ DOM สำหรับ. complete เพื่อให้แน่ใจว่าภาพไม่ได้โหลดไว้แล้วก่อนที่ jQuery จะสามารถลงทะเบียนเหตุการณ์ได้ มันทำงานได้อย่างถูกต้องยกเว้นเมื่อเกิดข้อผิดพลาดก่อน jQuery สามารถลงทะเบียนเหตุการณ์ ทางออกเดียวที่ฉันคิดได้คือใช้onerrorแอตทริบิวต์img เพื่อเก็บ "ค่าสถานะ" ไว้ที่ใดที่หนึ่งทั่วโลก (หรือบนโหนดเป็นของตนเอง) ที่ระบุว่าล้มเหลวดังนั้น jQuery สามารถตรวจสอบว่า "ร้านค้า / โหนด" เมื่อตรวจสอบ .complete ใครมีทางออกที่ดีกว่า แก้ไข: จุดแข็งหลักและเพิ่มรายละเอียดพิเศษด้านล่าง: ฉันกำลังตรวจสอบว่าภาพเสร็จสมบูรณ์ (โหลดแล้วหรือยัง) หลังจากฉันเพิ่มเหตุการณ์การโหลดและข้อผิดพลาดบนภาพ ด้วยวิธีนี้ถ้าภาพถูกโหลดก่อนที่เหตุการณ์จะลงทะเบียนฉันจะยังคงรู้ หากภาพไม่ได้โหลดหลังจากเหตุการณ์เหตุการณ์จะดูแลเมื่อทำ ปัญหาเกี่ยวกับสิ่งนี้คือฉันสามารถตรวจสอบได้อย่างง่ายดายว่าภาพถูกโหลดไปแล้ว แต่ฉันไม่สามารถบอกได้ว่ามีข้อผิดพลาดเกิดขึ้นแทนหรือไม่

21
ปรับขนาดไฟล์บิตแมปขนาดใหญ่เพื่อปรับขนาดไฟล์เอาต์พุตบน Android
ฉันมีบิตแมปขนาดใหญ่ (พูด 3888x2592) ในไฟล์ ตอนนี้ฉันต้องการปรับขนาดบิตแมปนั้นเป็น 800x533 และบันทึกเป็นไฟล์อื่น โดยปกติฉันจะปรับบิตแมปด้วยBitmap.createBitmapวิธีการเรียกใช้ แต่ต้องการบิตแมปแหล่งที่มาเป็นอาร์กิวเมนต์แรกซึ่งฉันไม่สามารถให้ได้เนื่องจากการโหลดภาพต้นฉบับลงในวัตถุบิตแมปแน่นอนจะเกินหน่วยความจำ (ดูที่นี่เป็นต้น) ฉันยังไม่สามารถอ่านบิตแมปด้วยตัวอย่างเช่นBitmapFactory.decodeFile(file, options)การระบุ a BitmapFactory.Options.inSampleSizeเนื่องจากฉันต้องการปรับขนาดให้เป็นความกว้างและความสูงที่แน่นอน การใช้inSampleSizeจะปรับขนาดบิตแมปเป็น 972x648 (ถ้าฉันใช้inSampleSize=4) หรือ 778x518 (ถ้าฉันใช้inSampleSize=5ซึ่งไม่ใช่พลังของ 2) ฉันต้องการหลีกเลี่ยงการอ่านภาพโดยใช้ inSampleSize ด้วยเช่น 972x648 ในขั้นตอนแรกจากนั้นปรับขนาดเป็น 800x533 ในขั้นตอนที่สองเพราะคุณภาพจะไม่ดีเมื่อเทียบกับการปรับขนาดโดยตรงของภาพต้นฉบับโดยตรง เพื่อสรุปคำถามของฉัน: มีวิธีอ่านไฟล์ภาพขนาดใหญ่ที่มี 10MP หรือมากกว่าและบันทึกเป็นไฟล์ภาพใหม่ปรับขนาดเป็นความกว้างและความสูงใหม่โดยไม่ได้รับข้อยกเว้น OutOfMemory หรือไม่ ฉันยังลองBitmapFactory.decodeFile(file, options)และตั้งค่า Options.outHeight และ Options.outWidth ด้วยตนเองเป็น 800 และ 533 แต่มันก็ใช้ไม่ได้
218 android  image  resize  bitmap 

2
ฉันจะแปลงชุดรูปภาพเป็น PDF จากบรรทัดคำสั่งบน linux ได้อย่างไร [ปิด]
ปิด. คำถามนี้เป็นคำถามปิดหัวข้อ ไม่ยอมรับคำตอบในขณะนี้ ต้องการปรับปรุงคำถามนี้หรือไม่ อัปเดตคำถามเพื่อให้เป็นไปตามหัวข้อสำหรับ Stack Overflow ปิดให้บริการใน8 ปีที่ผ่านมา ปรับปรุงคำถามนี้ ฉันมีเซิร์ฟเวอร์สแกนที่ฉันเขียนด้วย cgi / bash และต้องการให้สามารถแปลงรูปภาพจำนวนมาก (ทั้งหมดในโฟลเดอร์เดียว) เป็นไฟล์ pdf จากบรรทัดคำสั่ง จะทำอย่างไร?
215 image  bash  pdf 


15
ปล่อยเงาสำหรับภาพ PNG ใน CSS
ฉันมีภาพ PNG ที่มีรูปแบบอิสระ (ไม่ใช่สี่เหลี่ยมจัตุรัส) ฉันต้องใช้เอฟเฟกต์เงาเงากับภาพนี้ แนวทางมาตรฐาน ... -o-box-shadow: 12px 12px 29px #555; -icab-box-shadow: 12px 12px 29px #555; -khtml-box-shadow: 12px 12px 29px #555; -moz-box-shadow: 12px 12px 29px #555; -webkit-box-shadow: 12px 12px 29px #555; box-shadow: 12px 12px 29px #555; ... แสดงเงาของภาพนี้ราวกับเป็นสี่เหลี่ยมจัตุรัส ดังนั้นฉันเห็นภาพและเงาสี่เหลี่ยมจัตุรัสซึ่งไม่เป็นไปตามรูปแบบของวัตถุที่แสดงในภาพ มีวิธีการทำอย่างถูกต้องหรือไม่?
210 css  image  png  transparency 

18
คุณยืดภาพเพื่อเติม <div> ในขณะที่รักษาอัตราส่วนภาพของภาพได้อย่างไร
ฉันต้องทำให้ภาพนี้ขยายขนาดสูงสุดเท่าที่จะเป็นไปได้โดยไม่ทำให้ภาพใหญ่เกินไป&lt;div&gt;หรือบิดเบือนภาพ ฉันไม่สามารถคาดการณ์อัตราส่วนภาพของภาพได้ดังนั้นจึงไม่มีทางรู้ว่าจะใช้: &lt;img src="url" style="width: 100%;"&gt; หรือ &lt;img src="url" style="height: 100%;"&gt; ฉันไม่สามารถใช้ทั้งสอง (เช่น style = "width: 100%; ความสูง: 100%;") &lt;div&gt;เพราะที่จะขยายภาพให้พอดีกับ &lt;div&gt;มีขนาดที่กำหนดโดยร้อยละของหน้าจอซึ่งยังเป็นที่คาดเดาไม่ได้
201 image  html  size 

10
ฉันจะแปลงเอกสาร PDF เป็นภาพตัวอย่างใน PHP ได้อย่างไร [ปิด]
ปิด. คำถามนี้ไม่เป็นไปตามหลักเกณฑ์กองมากเกิน ไม่ยอมรับคำตอบในขณะนี้ ต้องการปรับปรุงคำถามนี้หรือไม่ อัปเดตคำถามเพื่อให้เป็นไปตามหัวข้อสำหรับ Stack Overflow ปิดให้บริการใน2 ปีที่ผ่านมา ปรับปรุงคำถามนี้ ไลบรารีส่วนขยายและอื่น ๆ ใดบ้างที่จำเป็นในการแสดงส่วนของเอกสาร PDF เป็นไฟล์ภาพ ห้องสมุด PHP PDF ส่วนใหญ่ที่ฉันพบว่าเป็นศูนย์กลางในการสร้างเอกสาร PDF แต่มีวิธีง่ายๆในการแสดงเอกสารในรูปแบบภาพที่เหมาะสำหรับการใช้งานเว็บหรือไม่? สภาพแวดล้อมของเราคือ LAMP stack
199 php  image  pdf  lamp 

24
ปิดการใช้งานการลากภาพจากหน้า HTML
ฉันต้องใส่ภาพในหน้าของฉัน ฉันต้องการปิดการใช้งานการลากภาพนั้น ฉันพยายามหลายสิ่งหลายอย่าง แต่ไม่ช่วย ใครสามารถช่วยฉันออก ฉันไม่ต้องการเก็บภาพนั้นเป็นภาพพื้นหลังเพราะฉันกำลังปรับขนาดภาพ
195 javascript  jquery  html  css  image 

โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.