劉任昌SVG與CANVAS

w3schools練習SVG

劉任昌 Sorry, your browser does not support inline SVG.

w3schools練習CANVAS

心得

  1. ol=office lady,這裡是ordered list順序清單
  2. canvas帆布,canvas繪圖工具是apple開發
  3. <canvas>....</canvas>
  4. <svg>....</svg>
  5. <script>....</script>

影片

維基百科CANVAS

維基百科SVG

留言

  1. Akuan05172023年3月13日 凌晨12:50

    https://kuanhtml-css-javascript-java.blogspot.com/2023/03/svgcanvas.html

    回覆刪除
  2. 劉桂秀HTML.CSS.JavaScript.Java2023年3月13日 凌晨12:51

    https://guixiu1485.blogspot.com/2023/03/blog-post_13.html

    回覆刪除
  3. 廖家慧HTML.CSS.JavaScript.Java2023年3月13日 凌晨12:51

    https://winnie032879.blogspot.com/2023/03/svgcanvas.html

    回覆刪除
  4. 廖永睿HTML.CSS.JavaScript.Java2023年3月13日 凌晨12:51

    https://takmingd11117330.blogspot.com/2023/03/svgcanvas.html

    回覆刪除
  5. 趙婧伶2023年3月13日 凌晨12:51

    https://ling-cls.blogspot.com/2023/03/svgcanvas.html

    回覆刪除
  6. 陳昱宏HTML.CSS.JavaScript.Java2023年3月13日 凌晨12:51

    https://takmingd11117329.blogspot.com/2023/03/svgcanvas.html

    回覆刪除
  7. 簡銘伸2023年3月13日 凌晨12:52

    https://1dth36.blogspot.com/2023/03/svgcanvas.html

    回覆刪除
  8. 侯又誠HTML.CSS.JavaScript.Java2023年3月13日 凌晨12:52

    https://michael-hou.blogspot.com/2023/03/svgcanvas.html

    回覆刪除
  9. 陳禹熹2023年3月13日 凌晨12:53

    https://steven0918.blogspot.com/2023/03/svg.html

    回覆刪除
  10. D111173152023年3月13日 凌晨12:55

    https://takmingd11117315.blogspot.com/2023/03/svgcanvas.html

    回覆刪除
  11. eric060602023年3月13日 凌晨12:56

    https://erichtml-css-javascript-java.blogspot.com/2023/03/svgcanvas.html

    回覆刪除
  12. 葉可棠HTML.CSS.JavaScript.Java2023年3月13日 凌晨12:56

    https://html-css-javascript-javatang.blogspot.com/2023/03/svgcanvas.html

    回覆刪除
  13. 楊朝淞2023年3月13日 凌晨12:56

    https://takmingg.blogspot.com/2023/03/svgcanvas.html

    回覆刪除
  14. d111172132023年3月13日 凌晨12:56

    https://tinggggggggggg.blogspot.com/2023/03/svgcawvas.html

    回覆刪除
  15. 徐珮芸2023年3月13日 凌晨12:56

    https://hsuppppp.blogspot.com/2023/03/svgcanvas.html

    回覆刪除
  16. 莊俊祥2023年3月13日 凌晨12:59

    https://takmingd11117223.blogspot.com/2023/03/svgcanvas.html

    回覆刪除
  17. 陳瑀晞2023年3月13日 凌晨1:08

    https://chen-yu-hsi.blogspot.com/2023/03/svgcanvas.html

    回覆刪除
  18. 陳怡禎程式設計HTML.CSS.JavaScript.Java2023年3月13日 凌晨1:09

    https://purplefish-ouo.blogspot.com/2023/03/svgcanvas.html

    回覆刪除
  19. 林苡嫻程式設計HTML.CSS.JavaScript.Java2023年3月13日 凌晨1:18

    作者已經移除這則留言。

    回覆刪除
  20. 林苡嫻程式設計HTML.CSS.JavaScript.Java2023年3月13日 凌晨1:25

    https://xylia-lin.blogspot.com/2023/03/svgcanvas.html

    回覆刪除

張貼留言

這個網誌中的熱門文章

劉任昌Bro Code貪吃蛇python snake game

圖片
from tkinter import * #劉任昌模仿Bro Code import random GAME_WIDTH , GAME_HEIGHT = 1000 , 900 PERIOD = 200   #更改變數PERIOD改成間隔PERIOD 打shift-ctrl-L以 次改全部 SPACE_SIZE , BODY_PARTS = 50 , 3 FOOD_COLOR = [ 'red' , 'orange' , 'yellow' , 'green' , 'purple' ] #串列,陣列 SNAKE_COLOR , BACKGROUND_COLOR = "pink" , "black" class Snake :     #類別class     def __init__ ( self ):         self . body_size = BODY_PARTS         self . coordinates = []         self . squares = []         for i in range ( 0 , BODY_PARTS ):             self . coordinates . append ([ 0 , 0 ])         for x , y in self . coordinates :             square = canvas . create_rectangle ( x , y , x + SPACE_SIZE , y + SPACE_SIZE , fill = SNAKE_COLOR , tag = "snake" )             self . squares . ap...
閱讀完整內容

劉任昌HTML金一乙

圖片
德明科大劉任昌HTML 劉任昌學習HTML STYLE心得 很好玩。 Java程式設計練習Hellow World public class Main { public static void main(String[] args) { System.out.println("劉任昌正在利用w3schools學Java"); } } /*Java, JavaScript, C, CSS註解相同，任何物件object都有類別class，*/ Java與Python都是物件導向程式語言，JavaScript也具有一些物件導向的性質。HTML/CSS則完全不是物件導向性質，甚至許多專家主張，HTML/CSS不是程式語言。
閱讀完整內容

劉任昌tkinter視窗函式庫Entry工具widget

圖片
from tkinter import * #從函式庫 tkinter 輸入所有 * 方法 import math #從函式庫 math 輸入所有 * 方法 from time import * from random import * class Regular: def __init__(self, cx, cy, cr, s, t, c, w): #類別共同的設定必然 def __init__ initiate發起 self.cx, self.cy, self.cr = cx, cy, cr #取得中心座標cx, cy, 半徑cr self.s, self.t = s, t #取得邊角數目s,t尖銳程度,取代原來的k = s.get() self.c, self.w = c, w #取得顏色c,寬度w self.u = 2 * math.pi / self.s #使用模組 math 圓周率 pi self.x, self.y = [], [] for i in range( int(self.s * 1.5)): self.x.append(self.cx + self.cr*math.cos(i*self.u)) self.y.append(self.cy + self.cr*math.sin(i*self.u)) def drawLine(self, x0, y0, x1, y1): canvas.create_line(x0, y0, x1, y1, width = self.w, fill=self.c) def draw(self): #類別的方法 secondTime = second.get() #取得輸入的second變數,當作區域變數secondTime for i in range( int(self.s * 1.5) - self.t): self.drawLine(self.x[i...
閱讀完整內容