คำถามติดแท็ก html5-canvas

ปิด . คำถามนี้จะต้องมีมากขึ้นมุ่งเน้น ขณะนี้ยังไม่ยอมรับคำตอบ ต้องการปรับปรุงคำถามนี้หรือไม่ อัปเดตคำถามเพื่อให้เน้นไปที่ปัญหาเดียวโดยแก้ไขโพสต์นี้เท่านั้น ปิดให้บริการใน7 ปีที่ผ่านมา ปรับปรุงคำถามนี้ ฉันได้ทำการค้นคว้าเกี่ยวกับไลบรารีผ้าใบ HTML และฉันเจอคำถามนี้ สถานะปัจจุบันของไลบรารี JavaScript และเฟรมเวิร์กของผ้าใบ HTML เป็นอย่างไร ที่ถูกถามในปี 2010 คำตอบอันดับต้น ๆ คือ Fabric.js หลังจากทำการค้นคว้าเพิ่มเติมเล็กน้อยฉันได้พบกับhttp://www.html5canvastutorials.com/ซึ่งมีบทช่วยสอนเกี่ยวกับ KineticJs ซึ่งมีผืนผ้าใบหลายแบบเพื่อความเร็ว การวิจัยเพิ่มเติมเล็กน้อยในภายหลังเปิดเผยว่าไลบรารี Canvas ดูเหมือนจะเต็มไปด้วยความเร็วและคุณสมบัติต่างๆ สถานะปัจจุบันของไลบรารีและเฟรมเวิร์ก JavaScript Canvas ในปัจจุบันเป็นอย่างไร มีหนึ่งออกมาด้านบน? แก้ไข: เนื่องจากห้องสมุดมีการเปลี่ยนแปลงและเมื่อไม่นานมานี้มีผู้คนจำนวนมากมาที่นี่เพื่อรับข่าวสารและข้อมูลเกี่ยวกับห้องสมุดใหม่ฉันจึงเปลี่ยนคำถามให้เป็นอมตะมากขึ้น

91 javascript  html  html5-canvas 

ฉันกำลังพยายามปรับขนาดภาพด้วยแคนวาส แต่ฉันไม่รู้ว่าจะทำอย่างไรให้เรียบ ใน photoshop เบราว์เซอร์และอื่น ๆ มีอัลกอริทึมบางอย่างที่พวกเขาใช้ (เช่น bicubic, bilinear) แต่ฉันไม่รู้ว่าสิ่งเหล่านี้ถูกสร้างขึ้นในผืนผ้าใบหรือไม่ นี่คือซอของฉัน: http://jsfiddle.net/EWupT/ var canvas = document.createElement('canvas'); var ctx = canvas.getContext('2d'); canvas.width=300 canvas.height=234 ctx.drawImage(img, 0, 0, 300, 234); document.body.appendChild(canvas); อันแรกคือแท็กรูปภาพที่ปรับขนาดตามปกติและอันที่สองคือแคนวาส สังเกตว่าผ้าใบไม่เรียบเท่าไหร่ ฉันจะบรรลุ 'ความราบรื่น' ได้อย่างไร?

90 javascript  html  image  canvas  html5-canvas 

ผมรวมn00bด้วยHTML5และกำลังทำงานร่วมกับcanvasการแสดงผลรูปทรงสีและข้อความ ในแอปของฉันฉันมีอะแดปเตอร์มุมมองที่สร้างผืนผ้าใบแบบไดนามิกและเติมเต็มด้วยเนื้อหา สิ่งนี้ใช้งานได้ดีจริงๆยกเว้นว่าข้อความของฉันแสดงผลไม่ชัดเจน / เบลอ / ยืดมาก ฉันได้เห็นจำนวนมากของการโพสต์อื่น ๆ เกี่ยวกับเหตุผลที่กำหนดความกว้างและความสูงในการCSSที่จะทำให้เกิดปัญหานี้ javascriptแต่ฉันกำหนดทุกอย่างไว้ใน รหัสที่เกี่ยวข้อง (ดูFiddle ): var width = 500;//FIXME:size.w; var height = 500;//FIXME:size.h; var canvas = document.createElement("canvas"); //canvas.className="singleUserCanvas"; canvas.width=width; canvas.height=height; canvas.border = "3px solid #999999"; canvas.bgcolor = "#999999"; canvas.margin = "(0, 2%, 0, 2%)"; var context = canvas.getContext("2d"); ////////////////// //// SHAPES …

89 javascript  html  html5-canvas 

ฉันกำลังใช้แผนภูมิมาตรวัดตาม ( Chartjs-tsgauge ) ฉันต้องการตั้งค่าสีพื้นหลังสำหรับแผนภูมิแยกจากขีด จำกัด เกจ ปัญหาเกี่ยวกับวิธีที่Charts.JSแสดงผลพื้นหลังเนื่องจากปลั๊กอินที่ฉันใช้ไม่มีรหัสเกี่ยวกับพื้นหลัง [0, 20, 40, 60, 80, 100]ตัวอย่างเช่นผมมีมาตรวัดที่มีวงเงิน ฉันต้องการตั้งค่า[0-30]เป็นสีเขียว[30-70]เป็นสีเหลืองและ[70-100]สีแดง รหัสปัจจุบัน: CodePEN นี่คือตัวเลือกปัจจุบันของฉัน var ctx = document.getElementById("canvas").getContext("2d"); new Chart(ctx, { type: "tsgauge", data: { datasets: [{ backgroundColor: ["#0fdc63", "#fd9704", "#ff7143"], borderWidth: 0, gaugeData: { value: 7777, valueColor: "#ff7143" }, gaugeLimits: [0, 3000, 7000, 10000] }] …

9 javascript  html5-canvas  chart.js