...

項目需要畫一個餅圖，個插件沒找到符合要求的，於是自己手動畫了一個。可是到移動端的時候，或出現模糊不清的情況，研究了一下是高清屏的問題。 因為 canvas 不是矢量圖，而是像圖片一樣是位圖模式的。高 dpi 顯示設備意味着每平方英寸有更多的像素。也就是說二倍屏，瀏覽器就會以2個像素點的寬度來渲染 ...

歡迎使用 canvas_mobile_drag 項目地址：https://github.com/xiaosu95/canvas_mobile_drag 點擊查看demo（在移動端上查看） 該插件是一款脫離jq的移動端圖片編輯器。可以應用在移動端H5頁面或者微信小程序中 ...

最近在做一個H5的項目，里邊涉及到拍照上傳圖片的功能以及識別圖片的功能，這里對識別圖片的功能不做贅述，不屬本文范疇。我在做完並上線項目后，同事跟我提了一個要求是可不可以同時選擇多張圖片上傳，我做的時候的想法是如果給file表單加了 multiple 屬性就沒有辦法調用手機的攝像頭拍照了，如果不加 ...

Canvas動畫(PC端 移動端) 一,介紹與需求 1.1,介紹 canvas是HTML5中新增一個HTML5標簽與操作canvas的javascript API，它可以實現在網頁中完成動態的2D與3D圖像技術。<canvas> 標記和 SVG以及 VML 之間的一個重要 ...

canvas圖片問題 做的一個項目需要將兩張圖片合成一張圖片輸出，想到可以用canvas來實現圖片的合成 通過canvas合成圖片有一個要注意的技術點，就是獲取的img元素，需要設置屬性img.setAttribute("crossOrigin","anonymous") 不設置該屬性的話 ...

平時在移動端開發拼頁面的過程中總會遇到一些問題，主要是各手機webview樣式顯示效果不一致造成的。以下總結了一些常見坑和一些小技巧，希望對看官有所幫助！ 本文只針對兩大手機陣營 Android和IOS 中的魅藍metal 和 iPhone6進行樣式對比。 一、line-height ...

前端開發中，對圖片的優化很重要，移動端就更不用說了。說到性能優化，基本就是MCC，minify,compress,cache。即減小，壓縮，緩存，同樣適用於圖片。下面就具體的談談 1.去掉無意義的修飾。是否真的需要那么多圖片？設計要簡潔。 2.不用圖片。切圖是一件扯淡的事情！不要隔靴搔癢了少年 ...