記錄在使用Createjs工作時遇到的問題和學到的知識點

Createjs官方文檔鏈接

• 讓顯示對象在當鼠標滑過時變小手：displayObject.cursor = “pointer”;

• 關于圖片跨域的解決辦法

  圖片跨越問題解決辦法原文鏈接
  

  很多人用createjs都會出現跨域問題，Uncaught An error has occurred. This is most likely due to security restrictions on reading canvas pixel data with local or cross-domain images.上面這個問題，如果你是雙擊文件運行報出的（只要地址前綴file:開頭的都算），你只需要在環境中打開就可以，比如animateCC你可以選擇用ctrl+enter打開，一些前端IDE自帶環境的可以直接在IDE里用瀏覽器打開，什么都沒有，你可以選擇放到服務器上看。如果在服務器環境上也報這個問題，特別是點擊的時候報的問題，你可以這么設置圖片：var hitArea = new createjs.Shape();hitArea.graphics.beginFill("#000").drawRect(0,0,92,92);//這里是圖片大小bitmap.hitArea = hitArea;凡是點擊出的跨域問題上面的方法都能解決。Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https.這個問題也是同樣的，如果你是雙擊文件直接打開的（只要地址前綴file:開頭的都算），放到環境中就好了，如果還沒好，讓后臺設置一下跨域，后臺怎么設置跨域？這個你得問你們公司的后端程序員。No 'Access-Control-Allow-Origin' header is present on the requested resource. Originis therefore not allowed access這個錯誤只要你放棄使用xhr模式加載，也就是new createjs.LoadQueue(false);括號里面的參數傳false就行了，如果一定要用xhr模式加載，那就只能需要服務器允許才可以跨域的，也就是需要你們后端設置。An error has occurred. This is most likely due to security restrictions on WebGL images with local or cross-domain origins這個跨域很明顯就是使用了stagegl跨的域，使用stagegl渲染非本地圖片必須得到跨域允許，也就是還是需要后端設置。其他的跨域其他的跨域只要不是https跨域，和點擊圖片跨域，都可以讓后臺設置解決，后臺解決不了就是你們公司后端的問題。

• createjs 斜體字

  let text2 = new createjs.Text("方正黑體簡體+XY字母傾斜+shadow！", "italic 35px Times New Roman,方正黑體簡體,Serif", "#ff7700");text2.shadow = new createjs.Shadow("#000000", 5, 5, 10); // 創建一個shadow實例Objectthis.addChild(text2);

• zimjs TextArea 文本輸入框水平垂直居中：

  ／／通過設置textArea.tag.style來設置TextArea的css 樣式。 textArea1 = new TextArea({width:100, height:60,size:30,padding:0,color:'#000000',backgroundColor:'#DAEAF7',wrap:false,maxLength:4}).pos(x-120,y);textArea1.tag.style.textAlign = 'center';textArea1.tag.style.lineHeight = '60px';　／／設置lineHeight與height一樣大，就垂直居中了　 textArea.tag.style.textAlign = 'center'; //水平居中，

總結

以上是生活随笔為你收集整理的Createjs 学习笔记的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。