专栏首页sofu456html canvas绘制视频

html canvas绘制视频

canvas绘制视频

<html>
  <head>
    <style>
      body {
        background: black;
        color:#CCCCCC; 
      }
      #c2 {
        background-image: url(test.png);
        background-repeat: no-repeat;
      }
      div {
        float: left;
        border :1px solid #444444;
        padding:10px;
        margin: 10px;
        background:#3B3B3B;
      }
    </style>
    <script type="text/javascript">
        function p(){
            this.doLoad = function doLoad() {
            this.video = document.getElementById('video');
            this.c1 = document.getElementById('c1');
            this.ctx1 = this.c1.getContext('2d');
            this.c2 = document.getElementById('c2');
            this.ctx2 = this.c2.getContext('2d');
            let self = this;
            this.video.addEventListener('play', function() {
                self.width = self.video.videoWidth / 2;
                self.height = self.video.vi

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • winform窗口启动隐藏

    this.WindowState = FormWindowState.Minimized;

    sofu456
  • 内存分段与分页机制

    8086CPU以后总线寻址和CPU位数趋于一致,操作系统结构向下兼容,线性地址基址置0:

    sofu456
  • winform 窗口未创建数据更新

    this窗口未创建前,不允许使用invoke,可以使用invokerequire避免抛出异常

    sofu456
  • React问题集序

    问题描述 antd version: 2.7.4 OS and its version: windows7 Browser and its version: C...

    用户1148881
  • php版链表的实现

    魔王卷子
  • 第166天:canvas绘制饼状图动画

    半指温柔乐
  • Javascript中关键参数this浅析

    Sb_Coco
  • 聊聊spring for kafka的AckMode

    本文主要讲述一下spring for kafka的consumer在spring.kafka.consumer.enable-auto-commit是false...

    codecraft
  • Flutter开发-布局类组件

    不要在 Flex widget 里放置 unbounded constraints

    剑行者
  • 少写css, 早下班! Antd完成todo-list样式布局

    zhaoolee

扫码关注云+社区

领取腾讯云代金券